记一下这个坑,我们PC端的一个后台管理系统拿到手机上样式完全乱了,而我们想要的是按比例缩小到手机上显示就可以了。我也是搞了半天没有搞明白,今天终于发现原来是加了下面这行代码:
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
你没有看错,就是加了这行代码的鬼,这个标签决定了网页宽度而内容不会虽比例去缩放,除了用百分比去写的布局。去掉这行代码,就可以实现页面缩的很小但是格式不会变。
具体的原因我也搞不太明白了,希望哪位大神明白的话告知小弟一下~