5ucms论坛

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 2085|回复: 0

背景100%平铺,使用手机浏览器缩小,背景显示不全bug解决方案

[复制链接]

654

主题

766

帖子

7444

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
7444
发表于 2018-8-27 10:21:09 | 显示全部楼层 |阅读模式
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>背景平铺</title>
  6. <style type="text/css">
  7. *{border:0; padding:0; margin:0;}
  8. .top{height:25px; background:#f3f3f3; border-bottom:1px solid #ccc; width:100%;}
  9. </style>
  10. </head>

  11. <body>
  12. <div class="top"></div>
  13. <div style="width:980px; margin:50px auto; height:200px; background:#ccc; overflow:hidden;">好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧</div>
  14. </body>
  15. </html>
复制代码


这段代码top的背景看似没问题,但当你把浏览器的窗口缩小时,拖动滚动条你会发现上面的背景少了一块。


这个bug问题存在与 width:100%; 他只获取浏览器的当前100%宽度,但是没有加上滚动条的那一块长度。

解决方法:
游客,如果您要查看本帖隐藏内容请回复


好了希望对大家有帮助。




回复

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|5ucms.com

GMT+8, 2021-7-29 13:31 , Processed in 0.291313 second(s), 30 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表