通用背景图尺寸
pc : 1920*1080 .png .jpg
wap: 750*1334 .png .jpg
背景图自适应 css
* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
background: url('1920*1080图片地址')no-repeat center;
background-size: 100% 100%;
}
@media screen and (min-width: 750px) {
body {
background: url('750*1334图片地址')no-repeat center;
background-size: 100% 100%;
}
}
pc端打开效果
wap端打开效果
设置自适应全屏背景图
CSS动态计算 背景图片自适应
实现div横向排列，元素往两边撑， 中间自动撑开空格。在父元素里设置 背景图片自适应div 背景图片自适应 tex...
分享3种CSS实现背景图图片全屏铺满自适应的方式，希望对你有所帮助。01 02 03 给body标签指定背景图，这...
解决问题 设计稿字体大小不适用于网页呈现 背景图片、视频呈现偏移 栅格化自适应元素偏移 16:9自适应实现 适用范...
通用背景图尺寸 pc : 1920*1080 .png .jpg wap: 750*1334 .png .jpg ...
css 1、纯CSS控制背景图片100%自适应填充布局 thinkphp 1、thinkphp如何去掉index.php
在style中或者css中写入以下代码，即可实现背景图片自适应：body { background-image: ...
1、css实现图片自适应宽高 背景图用background-size: contain，图片标签用object-f...
内容居中 flex实现上下居中，最简单。 背景图片自适应，宽度100%还是高度100%。 1920/1080是背景...
本文标题：背景图自适应
本文链接：https://www.haomeiwen.com/subject/otslvqtx.html
网友评论