对于11英寸笔记本电脑尺寸的响应CSS

-5

当涉及到响应式设计时，媒体查询开始让我发疯！对于11英寸笔记本电脑尺寸的响应CSS

我们正在建立一个网站，其中客户有一个连接到辅助20英寸桌面屏幕的11.5英寸“索尼Vaio笔记本电脑。 CSS中识别11" 笔记本电脑和两个屏幕上采取相应的行动。

该网站却没有切换到移动导航，而是保持桌面导航和可怕的重叠。

该网站在平板电脑上正确响应和智能手机，只是不在这个11.5“的屏幕上。

我们使用引导程序的网站架构： http://getbootstrap.com/

我如何能瞄准这一超小型笔记本电脑屏幕有什么建议？

来源

2014-12-03 Shawn Borelli

屏幕的分辨率是多少？ 1366×768？ – Michael 2014-12-03 17:30:19

是的，我相信这是屏幕资源。至少这是我在索尼网站上找到的规格。 – 2014-12-03 17:51:48

我总是忘记添加

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

，让您的设备暴露自己的设备宽度，并设置其规模为默认值。通常当我遇到移动扩展问题时，这是因为这个人失踪了。

希望有帮助！

编辑：这是一个链接到Mozilla文档有关此功能。 https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag?redirectlocale=en-US&redirectslug=Mobile%2FViewport_meta_tag

来源

2014-12-03 17:17:36 philtune

解释它的实际作用，而不仅仅是“玩得很好”。 – 2014-12-03 17:25:36

感谢您的链接@Michael！ – philtune 2014-12-03 17:49:37

很好的答案！我也忘了这几次了！我在标题 '中有以下内容： – 2014-12-03 17:57:13

对于11英寸笔记本电脑尺寸的响应CSS

回答

相关问题