前端 - div宽度设置成百分比问题

Question

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

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

给父元素设置width 100%