我正在做一个需要 4 种不同布局的项目：
- 台式机+笔记本电脑；
- 平板电脑景观；
- 平板电脑肖像；
- 移动的。
出于测试目的，我使用 Opera 浏览器及其页面缩放。在 Opera（以及我笔记本电脑上的所有其他浏览器）中，当我放大和缩小页面时，布局会正确更改。但是当我用我的智能手机和平板电脑打开同一个页面时，它只显示桌面布局。我的项目的临时地址是：
有谁知道我做错了什么？
问问题
1870 次
3 回答
3
尝试添加元标记：
<meta name="viewport" content="width=device-width, initial-scale=1">
您可以通过谷歌搜索“视口元标记”来获取有关此标记的更多信息以及为什么需要它
于 2013-05-24T16:15:34.647 回答
1
在 chrome 中，如果你打开开发者工具，右下角有一个小齿轮。在设置中您可以选择用户代理，这将使 chrome 的行为类似于不同的设备。希望这可以帮助
于 2013-05-24T16:24:43.823 回答
0
我认为这个链接可能对你更有帮助
http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
对于最初的 HTML
添加
<meta name="viewport" content="width=device-width, initial-scale=1.0">
于 2013-05-24T16:21:14.073 回答