Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
我一直在开发一个响应式网站。我一直在使用 Chrome 开发人员工具将屏幕尺寸覆盖为 320 像素,并使用媒体查询来更改 CSS。这是我使用的媒体查询:
@media only screen and (max-width : 480px) {
在我的浏览器上,这可以正常工作,我得到了这个(将视口设置为 320 x 480px):
然而,在 iPhone 5 上查看时,结果与全宽版本相同] 2:
您可以在此处查看完整的媒体查询 CSS
添加这个
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
在您的<head>标签中。
<head>
这意味着您的网站将缩放到设备宽度而不是默认宽度。