Chrome iPhone 6仿真器100%宽度比设备宽

时间:2016-10-29 22:40:15

标签: html css iphone google-chrome google-chrome-devtools

我有一个位于app内的元素body

app的宽度为100%,但是当我在Chrome中查看带有iPhone 6模拟器的页面时,我发现app元素比viewwport宽得多(导致溢出)。

38% width是视口内所有元素的宽度。

请注意,在100%宽度上,您无法看到输入的右边缘:

100% width

38%宽度上,您可以:

38% width

我的HTML中有以下元标记:

<meta name="viewport" content="width=device-width, initial-scale=1"> 

1 个答案:

答案 0 :(得分:1)

仅当通过元素检查器应用宽度时才会发生这种情况。我将在Chrome上记录一个问题。