关于手机和浏览器模拟网页的问题

图片描述

图片描述

上面张图是魅族手机上看的,下面的的图是图片描述电脑模拟,有人知道为什么会这样么?怎么解决?

阅读 2.2k
2 个回答

国内网站通常会将手机版和桌面版分开开发,他们的地址实际上是不一样的,当你使用设备打开网页时,网页会检查你的屏幕可显示宽度,然后决定是否跳转对应设备的网页。所以当你用浏览器打开时,实际上是桌面设备,网页地址为桌面版,启用移动设备开发栏之后实际上网页地址并没有发生变化。你可以试试刷新页面看有没有变成移动版排版

在页面的 <head></head> 添加下面标签:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no, minimal-ui" />
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题