-
使用媒体查询加载指定大小的背景图片
利用 @media CSS媒体查询来改变背景图片,使得不同的媒体设备对应不同的背景图片,提升用户体验 。
-
- /*默认图片*/
- .someElement {
- background-image: url(someImg.jpg);
- }
- @media only screen and (max-width: 1024px){
- /*使用移动终端时的样式设定*/
- .someElement{
- background-image: url(otherImg.jpg);
- }
- }
pc端和移动端的css样式写法
最新推荐文章于 2024-02-20 20:08:02 发布