2014-10-03 48 views
-1

我已經觀察到,在時間的div的寬度變小,同時觀看智能手機,這使得相當不錯,在網頁上呈現良好。事業部的寬度越來越智能手機更小 - 在Web瀏覽器

例如:[WEBSITE_URL如果我們看到,在FF或Chrome,頁眉/頁腳/滑塊背景的寬度,所有需要可用屏幕大小的整個寬度。然而,當我在我的三星Galaxy筆記中查看時,同樣變得更小。

這裏的任何想法 - 我必須錯過在智能手機設置寬度的東西。

謝謝你的時間。

PS:該網站在FF,Chrome,IE和Safari中看起來不錯。我的三星智能手機仍然存在寬度問題。

+1

不確定您指的是該網站在我的iPhone或Android設備上未正確響應。使用網絡檢查你有一堆錯誤,包括一些在Meta Viewport:請參閱[此鏈接](http://alxgbsn.co.uk/2011/11/23/make-sure-to-use-correct-meta- viewport-syntax /)尋求幫助。這可能不是答案,但它應該有所幫助。 – Victor 2014-10-03 11:11:20

+0

謝謝維克多,我已經改變了你所提供的鏈接建議的視口。這無法解決問題。您在哪個網站找到了錯誤? – Jeremy 2014-10-03 11:19:07

+1

該網站一般不能正常工作。我使用[Chrome Web Inspector](https://developer.chrome.com/devtools)來調試vewiport問題。 – Victor 2014-10-03 11:29:43

回答

0

我通過給body元素添加最小寬度來解決問題。

進一步研究之後,我發現這個問題是相關的網頁面對面的人的瀏覽器的寬度的最大元素的寬度。當瀏覽器寬度低於頁面最寬元素的寬度時,那些未提及寬度的元素正在縮小。

我不知道爲什麼會這樣,如果別人可以給任何這光,這將是熱烈歡迎。

思來在未來的情況下,有人添加此遇到了同樣的問題。

+1

當未指定塊元素的寬度時,它取值爲'auto',並保持與父框相同的寬度。最好的參考是w3和mozilla(在mozilla頁面上有鏈接到w3)。 https://developer.mozilla.org/en/docs/Web/CSS/width – Zantier 2014-10-03 14:22:57