width:100%，宽度为什么没撑满屏幕呢？

jinru_liu 2020-06-12 10:17:20

body已经设置了width：100%；

...全文

26599 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

oolinyu 2020-07-31

打赏
举报

width: 100vh; 保正全屏

御前代码侍卫 2020-07-30

打赏
举报

切换模式就好

Hongjin_ 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%;
　　}