響應式設計的迷你

我忙於現有站點響應，目前我只是使它響應了一項決議，使我的銷售經理可以「賣」的理念，一個負責任的網站向客戶。我遇到了一個問題，我已經指定了屏幕尺寸爲480x800像素，三星Galaxy S III Mini的屏幕尺寸。響應式設計的迷你

測試時使用Firefox或其他各種在線工具響應式設計視圖我的計算機上的響應式設計，它工作正常。但是，當我在手機上測試它時，它會顯示正確的響應式設計，但它不會填滿屏幕寬度。換句話說，屏幕寬度爲480個像素，但沒有在頁面上確實填補了這個480像素只涵蓋約一半的屏幕寬度和葉右邊空白。

這是我使用的媒體查詢：

@media only screen and (max-width : 480px), 
only screen and (max-device-width : 480px){

這是否有東西做像素密度或什麼原因造成這個問題？

在此先感謝
親切的問候
威廉

來源

2013-09-27 Willem

<meta name="viewport">

你有沒有看着這個標籤嗎？這改變了佈局在移動瀏覽器上放大/縮放的方式。你可以看看我在這裏找到的：https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag。這個例子顯示了你似乎遇到的問題。據我所知，「視口」標籤適用於所有的移動瀏覽器，但如果這對您沒有幫助，您應該在手機上查看不同的瀏覽器。

來源

2013-09-30 11:53:26 plvdmeer

非常感謝你，這解決了變焦的問題，但是，仍然有白色大部分關閉的頁面的右側，但所有的寬度已經被設置到設備的寬度。 ..不知道是什麼原因造成的問題... – Willem

我已經當所有寬度都正常工作同右側白的問題，並通過CSS關閉溢流如下...這可能隱藏實際的內容，所以你必須根據你的情況/佈局，以測試解決它...

html { overflow-x: hidden; }

來源

2014-07-01 02:01:01

響應式設計的迷你

回答

相關問題