在HTML5中如何设置屏幕百分比

发布网友发布时间：2022-04-20 06:21

共4个回答

懂视网时间：2022-05-13 10:29

请教一下width 百分比float的写法

用户详情

请问如何兼容？在IE6下不能并排

回复讨论(解决方案)

用户详情
用户详情
用户详情
用户详情

用户详情
用户详情
用户详情
用户详情

没用，加了*也还是一样
用户详情用户详情用户详情
用户详情
还是不能并排

IE 的 margin 不计算在 width 中
所以需要先令 margin 为 0，在需要的地方再设置

不加 margin:0px 时

我用EMEditor编辑预览，在IE8和火狐中却没事……

没用，加了*也还是一样
用户详情用户详情用户详情
用户详情
还是不能并排

刷新下

真的得放弃IE6了！

热心网友时间：2022-05-13 07:37

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>景安</title>
</head>
<style type="text/css">
.head{width: 1000px;height: 200px;margin:0 auto;}
.head-a{width: 30%;height: 200px;background: blue;float: left;}
.head-b{width: 70%;height: 200px;background: orange;float: right;}
</style>
<body>
<div class="head">
<div class="head-a"></div>
<div class="head-b"></div>
</div>

</body>
</html>

我们可以使用width：30%和width：70%这样的形式来设置百分比

热心网友时间：2022-05-13 08:55

最外层div的高度
直接设置成？% 高度?就可以了
然后设置一个margin 居中就行了
当然要在移动端显示你得加上
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
这个相信你知道是什么意思就是在移动端按比例正常显示，禁止放大缩小功能
没你想的那么复杂

热心网友时间：2022-05-13 10:30

看情况大盒子百分比然后里面的平均分