首页 > div宽度设置成百分比问题

div宽度设置成百分比问题

今天做一个页面时,一个div的width设置成70%,屏幕宽度是1366px,所以这个div宽度是956px左右,这没什么问题。但是当做自适应缩小屏幕时,div的宽度并不是屏幕的70%,这是怎么回事。


给父元素设置width 100%


屏幕缩小了,你设置的70%就按照你当前宽度*70%,而不是之前的956px了


width百分数单位是相对于其父元素宽度而算出的,当这个div的父元素就是Body时,应该就是浏览器窗口宽度的70%了


自己解决了一下,谷歌浏览器再不加meta name="viewport"标签进行设置的话,缩放比例会有问题,火狐浏览器则没影响。

【热门文章】
【热门文章】