社区
CSS
帖子详情
width:100%,宽度为什么没撑满屏幕呢?
jinru_liu
2020-06-12 10:17:20
body已经设置了width:100%;
...全文
25696
9
打赏
收藏
width:100%,宽度为什么没撑满屏幕呢?
body已经设置了width:100%;
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
9 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
oolinyu
2020-07-31
打赏
举报
回复
1
width: 100vh; 保正全屏
御前代码侍卫
2020-07-30
打赏
举报
回复
切换模式就好
Hongjin_
2020-07-09
打赏
举报
回复
1
除了width 试一下加 position:absolute
sha虫剂
2020-07-09
打赏
举报
回复
你的body没给宽100%吧
weixin_45916469
2020-06-20
打赏
举报
回复
视图模式不太对,应该把上面那个手机平板的图标去掉
依依凰荷
2020-06-18
打赏
举报
回复
你进到手机模式了,点击F12,然后左上角有一个手机和电脑的切换,点一下就行了
kmokd
2020-06-17
打赏
举报
回复
1
网页自适应手机屏幕的问题。一般考虑:
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点击左上角的手机图标就能恢复回来
Height:
100
%为什么不生效
常常会有设计稿里背景图铺满整个
屏幕
,因此我们需要让一个div铺满整个
屏幕
,首先想到的就是设置
width
:
100
%;height:
100
%,但是结果常常不如人所愿,
width
:
100
%在横向方向上是铺满了
屏幕
,但是height:
100
%这样写纵向并
没
有铺满整个
屏幕
,而是根据div内容的实际高度来的。 高度百分比都是根据父元素的高度来计算的,假如父元素的hei...
CSS“
width
:
100
%”和
宽度
继承
理论篇
width
:
100
%的相对于谁 想必学过CSS,了解了相对单位的童鞋们都应该知道:相对单位都有一个基准。那么
width
:
100
%是基于谁呢? 我把可能出现的几种情况列在下面,并以DEMO说明,在最后进行总结。 一般层级元素 复制 type="text/css">.demo-parent {
width
:400px;height:60px;line-height:30px;b
CSS的
width
:
100
%和
width
:auto区别
CSS的
width
:
100
%和
width
:auto区别 一、 问题 前段时间在调整树结构的时候,发现如果树的节点名称比较长的话在IE6下则不会撑开外面的元素,导致节点的名称只显示了一半,同时图标和名称换行显示了,但是在IE8和IE9下则显示正常。定位到问题后,最终发现是下面的属性导致的,如下图红色所致,把
width
的值设置为auto后即可解决问题: .Tree...
CSS“
width
:
100
%”和
宽度
继承的浅薄认识
理论篇
width
:
100
%的相对于谁 想必学过CSS,了解了相对单位的童鞋们都应该知道:相对单位于都有一个基准。那么
width
:
100
%是基于谁呢? 我把可能出现的几种情况列在下面,并以DEMO说明,在最后进行总结。 一般层级元素 复制 type="text/css">.demo-parent {
width
:400px;height:60px;line-height:3
在HTML中
width
:
100
%了,在设置border,这时盒子的总
宽度
会大于父盒子,会溢出,这时该怎么办?
题目
width
:
100
%了,在设置border,这时盒子的总
宽度
会大于父盒子,会溢出,这时该怎么办? 分析 因为传统的代码: .box3{
width
: 50%; height: 50%; background-color: aqua; border: 1px solid black; float: left; } 会导致溢出,所以这时我们加上代码:box-sizing: border-box; 原本代码变为: .box2{
width
: 50%; height: 50%; background-colo
CSS
61,129
社区成员
60,711
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章