确定，
所以我有一个Div，它通过Css设置为100％宽度（宽度：100％;）。在Web浏览器中它显示正常。在iPhone（在Safari和Chrome中），它挂在屏幕上，但有几个像素（几百个）。当设置为100％宽度时，Android手机似乎适合屏幕中的div。
我基本上只是希望我的div适合它所在的任何容器，但我认为由于某种原因iFrame在iOS上扩展它。
我尝试设置固定宽度进行测试（例如宽度：10px;），这反映在网页浏览器中，但在iOS中它总是相同的宽度...我尝试在CSS中使用@media，但宽度不会改变。
我还尝试添加以下元标记：
并添加了一个固定的css并应用于div ...仍然没有改变宽度..
我尝试删除div，只有10px的iframe，这反映在我的笔记本电脑上，但在ios中它仍然非常宽......
我会尝试提供一些屏幕截图来显示我的意思，您也可以随意访问我正在讨论的页面，但是，您可能需要加入测试：http://www.ozesports.net.au/chat
我发布了以下图片的相册，因为我现在只能发布2个链接： http://imgur.com/a/q9wcM
笔记本电脑上的页面（谷歌浏览器） 第1个img
iOS上的页面（Safari） 第二次img
iOS上的页面，我捏缩小，所以你可以看到它挂了（Safari） 第3个img
Android版网页 第四次img
我真的被困了，如果你需要我澄清任何事情，请告诉我。
谢谢！
答案 0 :(得分：0)
尝试使用媒体查询
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
width: 100%;
}