我正在尝试通过移动优先来创建一个响应式网站。当我开始添加媒体查询(最小宽度)时,我会在 Google 上切换检查元素以查看它是否响应,但不是。
我选择不同的手机和iPad,一切都与缩放浏览器窗口变小和变大完全不同。
我应该担心检查元素吗?我不想推出一个不响应的网站。有什么想法吗?
我尝试过最小宽度 768、998、1200 的媒体查询,当我选择不同的手机选项时,它没有响应。
将此代码添加到
<head>
内
<meta name="viewport" content="width=device-width, initial-scale=1.0">