1

我正在开发一个响应式网站，当我在移动模拟器上查看该网站并重新调整浏览器大小时，所有响应都很完美，但是当我在实际移动设备上查看该网站时，该网站不会调整大小

这是我的 HTML 头

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"></head>

这是我的 CSS

 @media handheld, screen and (max-width: 768px), screen and (max-device-width: 768px) and (orientation: portrait) {{css styles}}

有人帮忙吗？？

4

2 回答 2

1

在 head 部分使用以下代码：

<meta name="viewport" content="width=device-width, initial-scale=1">
于 2013-05-19T16:22:58.507 回答
1

删除手持设备的媒体查询，这些天手机属于屏幕区域。

查看http://mediaqueriestest.com以准确了解您当前设备的响应情况。

于 2013-03-05T11:23:01.807 回答