我正在尝试使我的网页具有响应性，但我对哪种视图正确感到困惑。当我在 chrome 中正常打开它并调整窗口大小时，它看起来很正常（图 1）。但是当我检查元素并在移动查看器中查看页面时，它看起来完全不同（图 2）。哪一个是正确的？
两者都是正确的。通过按CTRL + SHIFT + C(cmd + shift + c在 macs 上) 并悬停/单击您想要了解更多信息的元素来使用检查器。这将帮助您找出不同视口宽度处发生的情况。
您也可以右键单击该元素并单击 Inspect Element
另外，请确保您的 html 具有以下标签：
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句