Mac scrollbar

今天做一个页面,遇到了一个问题,关于scrollbar的,折腾了半天总算找到问题。

keywords: Mac scrollbar 滚动条 invisible 隐藏
问题:的宽度为1280

的宽度为100%,但是在firebug中查看
的宽度只有1265,而且其他人的电脑上
的宽度都是正常的1280,只有我的是1265.

代码如下



    


    

此时的盒模型如下

Mac scrollbar_第1张图片
body的宽度为1280

的盒模型如下

Mac scrollbar_第2张图片
header的宽度为1650

我就纳闷了,为啥就缺了15px
对比了同事的电脑后发现我电脑上的scrollbar是实体的

Mac scrollbar_第3张图片
实体scrollbar

而其他同事电脑上的scrollbar都是透明的,只有滚动时才会出现


Mac scrollbar_第4张图片
透明scrollbar

问题就在这了,实体scrollbar占掉了15px的像素,因此

少了15px.

解决方案(Mac):
系统便好设置 -> 通用 ->显示滚动条 -> 滚动时

滚动时才显示滚动条

总结
初入Mac, 还不够熟练,因此犯这样的错误。果然造轮子并不是无益之事,经验就是这么积累的。

你可能感兴趣的:(Mac scrollbar)