美文网首页CSS基础【HTML+CSS】
怎样让页面宽高成比例显示

怎样让页面宽高成比例显示

作者: 装在壳子里的刺猬 | 来源:发表于2019-05-31 17:05 被阅读0次

平时我们做的H5页面,做好之后不能适配各种手机型号,或者差距特别大,明显宽高变形了,我找到了一种比较简编的方法,可以让他的宽高一直是这个比例显示。

.div{width:100%;height:0;padding-bottom:50%;}

padding-bottom的值就是高和宽的比例。按比例写出的样式,不同型号差别就不是很大。

相关文章

网友评论

    本文标题:怎样让页面宽高成比例显示

    本文链接:https://www.haomeiwen.com/subject/qmegtctx.html