61,112
社区成员
发帖
与我相关
我的任务
分享请发表友善的回复…
发表回复
oolinyu 2020-07-31
- 打赏
- 举报
width: 100vh; 保正全屏
御前代码侍卫 2020-07-30
- 打赏
- 举报
切换模式就好
HongJin_zhu 2020-07-09
- 打赏
- 举报
除了width
试一下加 position:absolute
sha虫剂 2020-07-09
- 打赏
- 举报
你的body没给宽100%吧
weixin_45916469 2020-06-20
- 打赏
- 举报
视图模式不太对，应该把上面那个手机平板的图标去掉
依依凰荷 2020-06-18
- 打赏
- 举报
你进到手机模式了，点击F12，然后左上角有一个手机和电脑的切换，点一下就行了
kmokd 2020-06-17
- 打赏
- 举报
网页自适应手机屏幕的问题。一般考虑：
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%;
}
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%;
}
曾经的我们是那么的年轻 2020-06-12
- 打赏
- 举报
1.可能是有边距
html,body{margin:0;pading:0;}
2.body外层还有容器吗？把它调成width:100%
亦夜 2020-06-12
- 打赏
- 举报
你是设置了手机模式吗，F12点击左上角的手机图标就能恢复回来
