老师，请检查，如果在实际开发中，代码的宽和高应该怎么设置
来源：4-3 编程练习
小鲜花
2019-04-24 15:19:38
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.con{
width: 100%;
height: 1200px;
background: url(http://climg.mukewang.com/59c9f7ce0001839219034033.png);
}
.nav1{
width: 200px;
height: 300px;
background: url(http://climg.mukewang.com/5a3383c70001f1b702240364.png);
position: fixed;
top: 50%;
left: 0;
margin-top:-150px;
}
.nav2{
width: 200px;
height: 300px;
background: url(http://climg.mukewang.com/5a3383d00001a3dd02240364.png);
position: fixed;
right: 0;
top: 50%;
margin-top: -150px;
}
</style>
</head>
<body>
<div class="con">
<div class="nav1"></div>
<div class="nav2"></div>
</div>
</body>
</html>
1回答
-
好帮手慕码
2019-04-24
同学你好！
代码效果实现的很好~
在实际开发中，如果页面不是很长，可以使用固定的宽度，或者是切图的UI设计师会直接给你宽度和高度。按照要求设置就可以了
如果页面很长 可以使用盒子百分百自适应（如果需要设置水平居中，可以给内部的盒子设置定宽）这种情况是比较多的
其实还是要根据公司项目的实际需求来设置页面的宽高问题（每个公司的需求是不同的）。
如果帮助到了你 欢迎采纳 祝学习愉快~
0
相似问题
回答 2