在HTML5中如何设置屏幕百分比
发布网友
共4个回答
懂视网
请问如何兼容？在IE6下不能并排
回复讨论(解决方案)
没用，加了*也还是一样
用户详情 用户详情 用户详情
用户详情
还是不能并排
IE 的 margin 不计算在 width 中
所以需要先令 margin 为 0，在需要的地方再设置
不加 margin:0px 时
IE 的 margin 不计算在 width 中
所以需要先令 margin 为 0，在需要的地方再设置
不加 margin:0px 时
我用EMEditor编辑预览，在IE8和火狐中却没事……
没用，加了*也还是一样
用户详情 用户详情 用户详情
用户详情
还是不能并排
刷新下
真的得放弃IE6了！
热心网友
<!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%这样的形式来设置百分比
热心网友
最外层div的高度
直接设置成 ？% 高度?就可以了
然后 设置一个margin 居中就行了
当然 要在移动端显示 你得加上
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
这个相信你知道是什么意思 就是在移动端按比例正常显示，禁止放大缩小功能
没你想的那么复杂
热心网友
看情况 大盒子百分比 然后里面的平均分
