记一下这个坑，我们PC端的一个后台管理系统拿到手机上样式完全乱了，而我们想要的是按比例缩小到手机上显示就可以了。我也是搞了半天没有搞明白，今天终于发现原来是加了下面这行代码：
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
你没有看错，就是加了这行代码的鬼，这个标签决定了网页宽度而内容不会虽比例去缩放，除了用百分比去写的布局。去掉这行代码，就可以实现页面缩的很小但是格式不会变。
具体的原因我也搞不太明白了，希望哪位大神明白的话告知小弟一下~
记一下这个坑，我们PC端的一个后台管理系统拿到手机上样式完全乱了，而我们想要的是按比例缩小到手机上显示就可以了。我...
一，PC端适配 开发PC端项目，通常会要求适应各种的屏幕尺寸，并且要求浏览器缩小页面等比例变化，因此就要求写出来的...
我们俗称的响应式页面，既能再pc端显示也能在移动端显示，一般来说，pc端的页面相对于手机端来说，页面较为宽大，显示...
只需要在头部加载一段
设置body的min-width：1200px body { min-width: 1200px; -webk...
在做PC端的过程中，经常会涉及到手机端的显示，当设备为手机端的时候，会跳转到针对手机端开发的页面，此时可以用js的...
脚本实现自动创建移动端适配的相关文件 概述 手机上显示网页是将整个网页缩小，模拟页面宽度 980px ，可以使用 ...
移动端不同于PC端，最大的区别是屏幕尺寸的限制，相同的内容显示效率要低很多。如果直接按照PC端显示所有内容，页面信...
移动端不同于PC端，最大的区别是屏幕尺寸的限制，相同的内容显示效率要低很多。如果直接按照PC端显示所有内容，页面信...
移动端不同于PC端，最大的区别是屏幕尺寸的限制，相同的内容显示效率要低很多。如果直接按照PC端显示所有内容，页面信...
本文标题：让PC端的页面按比例缩小到手机上显示
本文链接：https://www.haomeiwen.com/subject/syxgixtx.html
网友评论