适用于 11 英寸笔记本电脑尺寸的响应式 CSS [关闭]答案

【问题标题】：Responsive CSS for 11in laptop computer size [closed]适用于 11 英寸笔记本电脑尺寸的响应式 CSS [关闭]
【发布时间】：2015-02-01 08:52:34
【问题描述】：

在响应式设计方面，媒体查询开始让我抓狂！

我们正在建立一个网站，客户拥有一台 11.5 英寸的 Sony Vaio 笔记本电脑，该笔记本电脑连接到第二个 20 英寸桌面屏幕。 css 正在识别 11" 笔记本电脑并在两个屏幕上做出相应的操作。

然而，该网站并没有切换到移动导航，而是保持桌面导航并严重重叠。

该网站在平板电脑和智能手机上都能正常响应，只是在这个 11.5 英寸的屏幕上没有。

我们将 Bootstrap 用于网站框架： http://getbootstrap.com/

关于如何定位这款超小的笔记本电脑屏幕有什么建议吗？？

【问题讨论】：

屏幕的分辨率是多少？ 1366x768?
是的，我相信那是屏幕资源。至少这是我在索尼网站上找到的规格。

标签： css responsive-design

【解决方案1】：

我总是忘记添加

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,
        maximum-scale=3.0, minimum-scale=1.0, user-scalable=yes">
    ...
</head>

这会使您的设备显示其设备宽度并将其比例设置为默认值。通常当我遇到移动扩展问题时，是因为这个人不见了。

编辑：这里是关于此功能的the Mozilla docs 的链接。

【讨论】：

解释它的实际作用，而不仅仅是“玩得很好”。
感谢您的链接，@Michael！
好答案！我也忘记了几次！我在标题中确实有以下内容<meta name="viewport" content="width=device-width, initial-scale=1.0">