div宽度设置成百分比问题

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

阅读 13.3k
4 个回答

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

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

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

给父元素设置width 100%

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题