<meta name="viewport" content="initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no" />
接制作一个0.5像素的线条和其搭配使用的背景色的图片即可
A Pen by UnableRegister on CodePen.
A Pen by UnableRegister on CodePen.
#一句Python命令启动一个Web服务器
python -m SimpleHTTPServer 8000
# or python -m http.server 8000
A Pen by UnableRegister on CodePen.
在默认的水平文档流方向下,CSS margin和padding属性的垂直方向的百分比值都是相对于宽度计算的。
通过百分比设置宽度,根据宽度的比例数值*9/16,计算出高度的百分比数值,设置内边距为高度的数值,最后用绝对定位把图片百分百填充到我们设置的区域里面:
.img_wap{
padding-bottom: 56%;
width: 100%;
position: relative;
}