那年头，我姐想搞个小店，卖点自己做的手串、小挂件啥的。她就说，你不是会弄电脑吗，帮我整一个网上能看能买的页面呗。我一听，这不就是个网站嘛小意思。我寻思着用个现成的模板，然后给她改改文案，放点产品图，就齐活了。
本站为89游戏官网游戏攻略分站，89游戏每日更新热门游戏，下载请前往主站地址:www.gm89.icu
我在自己电脑上折腾了几天，看着是挺像样的，图片文字都规规矩矩的。然后我就兴奋地发给她看，结果没过两天，她就电话打过来了，语气有点急，“你那个页面怎么回事？我手机上看是好的，可在店里那个大显示器上一看，就显示一半，底下好多东西都看不见了！”
我当时就懵了，心里还嘀咕，怎么可能？我在自己电脑上，笔记本、台式机都试过了，好好的。我就让她先别急，我过去看看。到了她店里，好家伙，那个显示器还真不小，一打开我做的页面，果然，整个页面的底部直接“失踪”了，商品列表，联系方式，全没了影。
先从最简单的排除法开始
-
第一个想到的就是浏览器。我就问她，你是不是不小心把网页缩小了？因为有时候手一抖，或者不小心碰到什么键，浏览器里的页面就会变大变小。我就让她试着按Ctrl键加0键，这个组合键通常能把页面恢复到100%大小。结果她按了，页面是颤了一下，但该看不见的还是看不见。我又让她在浏览器右上角找那个“三个点”或者“三条杠”的设置，看看里面有没有“缩放”的选项，是不是被调大了。她找了半天，说都是100%，没动过。
-
接着我就让她清缓存。因为有时候网站更新了，浏览器还留着老旧的数据，会出问题。我就教她怎么按Ctrl + Shift + Delete，然后勾上“缓存图片和文件”，点清除。清完了再刷新，结果还是那样，一点变化都没有，我额头都开始冒汗了。
系统显示设置，这个大坑我差点忘了
前两个办法都没用，我就开始往深了想了。会不会是她电脑系统的问题？我就把她电脑的桌面点开，右键，选“显示设置”。一进去我就乐了，好家伙！她的“更改文本、应用和其他项目的大小”那个选项，直接拉到了200%！
我问她怎么调的这么大，她说，店里那个显示器是新买的，屏幕大，字太小看着费劲，她老公就给她调大了，说这样看得清楚。结果是字清楚了，页面反而“挤”不下了。我一看，这不就是罪魁祸首嘛
-
我赶紧给她把这个比例从200%调回了100%（或者推荐值）。页面上的字和图标一下子就变小了，我姐一看，这下是小了点，但也总算能看全了！
-
不过这样也有个问题，字又太小了。我就跟她解释，这是因为显示器分辨率不够高，又想把字放大看，系统就会把所有东西都放大，自然页面就没地方显示了。我们商量了一下，把那个缩放比例调到了125%，这样字不至于太小，页面也能勉强显示全，虽然还是有点挤。
如果不是系统问题，那多半就是我自己代码写“死”了
虽然我姐店里的问题解决了，但那事儿之后我就寻思着，万一别人电脑系统设置是正常的，还是显示不全？那肯定就是我自己的网站代码有问题了。
-
最常见的就是我有没有给页面元素写死宽度。有时候为了对齐，我可能会直接给某个模块或者图片设置一个固定的像素宽度，比如width: 1200px;。这样一来，如果用户显示器宽度小于1200像素，那页面肯定就溢出去了，或者显示不全。
-
还有就是“响应式”没做现在手机电脑屏幕各种尺寸都有，做网站得考虑在不同设备上都能好好显示。我就得回头检查我的CSS样式，看看有没有用百分比、最大宽度（max-width）这些属性。比如图片，不能写死宽度，写个max-width: 100%; height: auto;，这样图片就不会溢出容器了。
-
就是检查一些隐藏的溢出。我自己的代码有时候会有个别小地方，比如某些文本特别长，没做换行处理，或者某个盒子写得太死，导致内容溢出外面去了，但因为没设置overflow: hidden;，所以就撑开了整个页面，看着就像页面显示不全一样。
这事儿之后，我再给别人弄网页，或者自己做点东西，都会多留个心眼。做完了至少在两个尺寸的显示器上看看，再用手机模拟器或者真机试一下。这些年踩的坑多了，也就慢慢摸索出来了，很多时候看着是网站的问题，是用户那边设置不对；看着是用户设置不对，结果是我代码没写互相“甩锅”的。