CSS媒体屏幕和移动问题

Question

在我的网站上，我使用标准的CSS来申请所有内容，除了

@media (max-width: 480px) {

如果我的屏幕/浏览器等于或低于480，它会使用该媒体下的任何内容。

但我的问题是它在我的iphone（iphone 5S）上起作用了。 我能够发现@media (max-screen-width: 480px) {可以工作，但是我的浏览器宽度480不适用于它。

我搜索了不同的网站，但我看到他们的整个css文件，就是他们只使用max-width，在访问他们的网页时，它在我的手机上运行良好。

问题：我怎样才能轻松实现它适用于浏览器和屏幕/移动设备？

Answer 1

只需添加此head标记

即可

<meta name="viewport" content="width=device-width">

和css：

@media screen and (max-width: 480px) {
   // code goes here
}