0
當我在瀏覽器上調整視口窗口大小時，此媒體查詢似乎可行，但是當我在智能手機上啓動該網站時，它看起來放大。一旦縮小，看起來沒問題，但是當它加載它看起來放大...所以我只能假設某些東西沒有正確地打破。媒體查詢不適用於智能手機
下面是我在我的meta標籤：
<meta name="viewport" content="width=device-width, minimum-scale=1.0,maximum-scale=1.0">
這裏是第一媒體查詢，我在我的CSS：文檔的默認車身尺寸（當被視爲在Web瀏覽器上一臺電腦）是1200px。
@media screen and (min-width:481px) and (max-width:800px){
body {
width:800px;
}
.container {
width: 100%;
margin: auto;
background-image:url("img/background.jpg");
}
任何想法爲什麼這可能不工作？
編輯：
我也有較小的取景框大小媒體的查詢我正在爲我原來的職位。所以它應該在智能手機上啓動，對吧？
@media only screen and (min-width:375px) and (max-width:667){
body {
width:480px;
margin: 0 auto;
}
.container {
width: 100%;
margin: auto;
background-image:url("img/background.jpg");
}
#logo {
color: white;
margin: 0 auto;
padding:0px;
text-transform:uppercase;
letter-spacing: 6px;
padding-top:110px;
font-size: 13px;
}
只是好奇你在測試什麼手機？它有320像素的顯示屏還是480像素的？小心分享？ – drip
這是iPhone 6 plus。我不確定我頭頂的尺寸，但我認爲它超過了480 ...我也在iPad上打開了它，它似乎仍然推出桌面版本的網站。 – newman