V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
inter18099
V2EX  ›  问与答

chrome 的响应式设计模式(模拟手机,平板的宽度的功能)是有 bug 吗?

  •  
  •   inter18099 · 2017-08-03 19:01:47 +08:00 · 2760 次点击
    这是一个创建于 2457 天前的主题,其中的信息可能已经有所发展或是发生改变。

    我用 chrome 的响应式模式,就是开发者工具里面像一个手机样子的图标。发现有一个问题,我设置了宽度 320,但实际上,宽度并不是 320,从图片上看,宽度是 600 多。

    图片 1: http://i4.bvimg.com/1949/5b49d67f3c8d6128.jpg

    而对应的 firefox 却是正常的,同一个网页,能认出我的 480px 以下适用的媒体查询(@media screen and (max-width: 480px))。chrome 上却认不出。

    图片 2: http://i4.bvimg.com/1949/8338358542399c9a.jpg

    是有 bug 还是我不会用?

    1 条回复    2017-08-03 19:18:24 +08:00
    learnshare
        1
    learnshare  
       2017-08-03 19:18:24 +08:00   ❤️ 1
    你不会用,移动端页面通常要禁止缩放
    https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1113 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 18:55 · PVG 02:55 · LAX 11:55 · JFK 14:55
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.