body已經設定了width：100%；
uj5u.com熱心網友回復：
你是設定了手機模式嗎，F12點擊左上角的手機圖示就能恢復回來uj5u.com熱心網友回復：
1.可能是有邊距html,body{margin:0;pading:0;}
2.body外層還有容器嗎？把它調成width:100%
uj5u.com熱心網友回復：
網頁自適應手機螢屏的問題。一般考慮：1.在網頁的<head>中增加以下代碼，讓網頁的寬度自動適應手機螢屏的寬度
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
2.不使用絕對寬度：由于網頁會根據螢屏寬度調整布局，所以不能使用絕對寬度的布局，也不能使用具有絕對寬度的元素。高度設百分比無效。
3.字體也不能使用絕對大小（px），而只能使用相對大小（em/rem）。
4.流動布局（fluid grid）：比如CSS中加入
.main {
float: right;
width: 70%;
}
.leftBar {
float: left;
width: 25%;
}
uj5u.com熱心網友回復：
你進到手機模式了，點擊F12，然后左上角有一個手機和電腦的切換，點一下就行了uj5u.com熱心網友回復：
視圖模式不太對，應該把上面那個手機平板的圖示去掉uj5u.com熱心網友回復：
除了width試一下加 position:absolute
uj5u.com熱心網友回復：
你的body沒給寬100%吧uj5u.com熱心網友回復：
切換模式就好uj5u.com熱心網友回復：
width: 100vh; 保正全屏轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/21958.html
標籤：HTML(CSS)
上一篇：nodejs