网页如何实现手机端跟电脑端一样

1.以京东金融为例,在手机端显示跟官网一样
clipboard.png
2.我模仿时却是这样
clipboard.png
3.加了<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0.5,user-scalable=no">并且用的rem,电脑端一样可是手机端不行
3.是受浏览器最小字体12px的影响吗?可是我通过transform:scale(0.5)缩小字体后,为什么布局还是不对,还是没在一行
clipboard.png

4.请问如何才能实现官网一样的效果,谢谢!

阅读 4.7k
1 个回答

.....

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0.5,user-scalable=no">

把这个去掉在移动端就不会缩放了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题