前端 - 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%