Div在iOS窗口外伸展的窗口

好的，Div在iOS窗口外伸展的窗口

所以我有一個通過Css（寬度：100％;）設置爲100％寬度的Div。在網頁瀏覽器中，它顯示正常。在iPhone上（在Safari和Chrome中），它會掛在屏幕上，但會有幾個像素（幾百個像素）。當設置爲100％寬度時，Android手機似乎適合屏幕上的div。

我基本上只是想讓我的div適合它的任何容器，但我認爲出於某種原因iFrame正在iOS上擴展它。

我試着設置一個固定的寬度來測試（例如：寬度：10px;），這反映在網絡瀏覽器中，但在iOS中它始終是相同的寬度...我試着在CSS中使用@media ，但寬度不會改變。

我也嘗試添加以下meta標籤：

並增加了一個固定的CSS和應用於div ......仍然沒有改變寬度..

我試圖消除DIV，只是有一個10px的iframe，這反映在我的筆記本電腦，但在ios它仍然是非常寬...

我會嘗試提供一些截圖顯示我的意思，你也可以隨時訪問該頁面我在談論，但是，您可能需要加入測試：http://www.ozesports.net.au/chat

香港專業教育學院發佈了以下圖片專輯，因爲我只能在此刻發佈2個鏈接： http://imgur.com/a/q9wcM

頁上的筆記本電腦（谷歌瀏覽器） 1日IMG

頁上的iOS（Safari瀏覽器）第二iOS上的IMG

頁和我掐縮小，所以你可以看到它掛在（Safari瀏覽器） 3 IMG

頁上的Android 4 IMG

我很堅持，讓我知道如果你需要我澄清什麼..

謝謝！

來源

2014-07-17 applaps

嘗試用媒體工作查詢

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { 
    width: 100%; 
}

來源

2014-07-17 10:53:07

我添加了：僅 @media屏幕和（最小 - 設備寬度：320像素）和（MAX-設備寬度：568px）{ #ozechat { border-style：solid; 溢出：auto; -webkit-overflow-scrolling：touch; } } 該div似乎是正確的大小，適合在ios屏幕上，但iframe仍然超長，它只是允許你水平滾動現在......：/所以我的css選擇器正在爲iphones ，我只需要解決如何強制我的iframe的寬度 – applaps

我的工作，我有一些內聯樣式，即將iframe設置爲4800像素寬，因此爲什麼發生這種情況。使用內聯樣式可幫助調整iframe大小 – applaps

Div在iOS窗口外伸展的窗口

回答

相關問題