Question

媒体查询在响应式设计方面开始让我发疯！

我们正在建立一个客户拥有11.5＆＃34;索尼Vaio笔记本电脑连接到辅助20＆＃34;桌面屏幕。 css正在认识11＆＃34;笔记本电脑并在两个屏幕上进行相应的操作。

然而，该网站没有切换到移动导航，而是保持桌面导航和重叠非常重复。

该网站对平板电脑和智能手机的反应正常，而不是11.5＆＃34;屏幕。

我们正在使用Bootstrap作为网站框架： http://getbootstrap.com/

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

Answer 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>

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

希望有所帮助！

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

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

1 个答案: