css - 响应式网站 - 如何调试无响应的响应式 css？

Question

我正在做一个需要 4 种不同布局的元素:

• 台式机+笔记本电脑；
• 平板电脑横屏；
• 平板电脑肖像；
• 移动。

出于测试目的，我使用了 Opera 浏览器及其页面缩放功能。在 Opera(以及我笔记本电脑上的所有其他浏览器)中，当我放大和缩小页面时，布局会正确更改。但是当我用我的智能手机和平板电脑打开同一个页面时，它只显示桌面布局。我元素的临时地址是:

http://tiip.dit.rs/tiip2

有人知道我做错了什么吗？

Answer 1

尝试添加元标记:

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

您可以通过 google 获取有关此标签的更多信息以及您需要它的原因“视口(viewport)元标记”