chrome浏览器默认浏览方式变成了“移动端”的浏览方式,怎么恢复pc端浏览?

来源:互联网 发布:港澳资讯点金手软件 编辑:程序博客网 时间:2024/05/21 10:52

应项目需求,基于bootstrap做了一个响应式静态页面。


iPad预览效果:


楼主没什么追求。第一做html页面,达到这个效果就已经心满意足了偷笑偷笑偷笑


当一切就绪,准备打包发布时发现在PC端预览变成下面这种屌样了惊恐惊恐


原来好好的一行两列呢,怎么就便成了一行一列?这效果尼玛简直是不忍直视呀!!!!没追求的我都实在是看不下去了。。。。。。


我开始发挥程序员的特长——挑刺:

1.  开始狂按F5刷新页面,F2打开chrom开发者工具,选择设备模拟器,在小屏幕下一切正常,关闭又变成上面的屌样。


2.  接着怀疑电脑分辨率被改小了(因为是基于bootstrap响应式布局,在小分辨率下的布局会有所改变),可是自己没有改呀....也不会有人闲的来把我电脑的分辨率偷偷改小了吧.....虽然我还是不相信分辨率被修改,但是在没找到问题前,还是默默的检查了一遍。。。。结果分辨率正常


3. 我简直都神经质了,甚至怀疑是引用的bootstrap.min.css样式除了问题?经过排查,当然不是bootstrap.min.css的问题。


就万念俱灰时突然注意到了一个问题,看下图:


尼玛,这页面是被放大了2.5倍的节奏呀!!!这就是为什么我在浏览器看页面总感觉是在移动端浏览页面的原因喽敲打敲打敲打不就Ctrl+鼠标滚动事件(恢复浏览器缩放比例为100%)就能解决的问题么,我还傻傻的在那儿各种猜测、查代码、找问题....


PC端效果:



——我们往往在工作中遇到一点儿问题就很苦恼,但当找到问题时才发现这所谓的问题真让人哭笑不得。

1 0
原创粉丝点击