HTML页面放大之后右边背景颜色出现断层

qq_36028016 2016-10-22 12:53:44
如图
这张是网页没有缩放的,一切正常



这张是放大之后的页面右边,出现了断层,背景颜色没有铺满



求大神帮下忙,刚学H5,做了几个页面每个的头部都这样。下面是代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
body{
margin:0;padding:0;
}
.head{
background:blanchedalmond;height:50px;
}
.top{
margin:0 auto;width:500px;height:50px;border:3px solid red;line-height: 50px;
}

</style>
</head>
<body>
<div class="head">
<div class="top">
</div>
</div>

</body>
</html>
...全文
836 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
当作看不见 2016-10-22
  • 打赏
  • 举报
回复
width:100%;不要使用固定像素
xiaohuixiongya 2016-10-22
  • 打赏
  • 举报
回复
不写width属性,div默认就是宽度自适应全屏,至于高度最好使用rem技术

61,115

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧