【问题标题】:viewports that differentiate between ipads and iphones区分 ipad 和 iphone 的视口
【发布时间】:2012-03-17 05:03:31
【问题描述】:

我有一个固定宽度的网站,它通过媒体查询在 660 像素以下宽度下响应。但是,我希望 iPad 用户可以看到 1024 像素的完整、固定宽度的网站,而不是 768 像素的裁剪版本。当我添加viewport 元标记时,

<meta name="viewport" content="width-device-width,initial-scale=1">

该网站对 iPhone 是响应式的,但 iPad 用户的网站被裁剪为 768 像素。如果我删除元标记,iPad 用户会像桌面用户一样查看网站,但 iPhone 也是如此。大家有什么建议?

【问题讨论】:

    标签: html mobile


    【解决方案1】:

    据我所知,这是您的标记中的一个简单错误。您正在使用 -,您应该使用 = 来分配值“设备宽度”。

    <meta name="viewport" content="width=device-width,initial-scale=1">
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多