頁面無法縮放以適合移動設備上的視口
[英]Page not scaling to fit the viewport on mobile
問題描述
即使放置了meta標記，我的頁面也無法縮放以適合移動設備的視口：
<meta name="viewport" content="width=device-
width, initial-scale=1"> in the <head>.
頁面加載時，頁面太大，不適合屏幕。
身體的CSS是
body, html {
position: relative;
display: block;
height: auto;
width: 100%;
max-width: 1650px;
min-width: 400px;
min-height: 650px;
margin-left: auto;
margin-right: auto;
}
我將不勝感激任何幫助。 謝謝！
1 個解決方案
解決方案1
0 2019-01-26 22:32:06
嘗試使用max-width: 100%和min-width: 100%屬性的媒體查詢，如下所示：
@media (max-width: 768px) {
body,html {
max-width: 100%;
min-width: 100%;
}
}
移動視口無法打開適合屏幕的頁面
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.