CSS媒体屏幕和移动问题

Question

我的网站上，使用标准的CSS办理一切IM，除了

@media (max-width: 480px) { 

如果我的屏幕/浏览器是等于或大于480时，它使用的是媒体在任何多数民众赞成。

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

我已经搜索了不同的网站，但我看到他们的整个css文件，是他们只使用max-width，而在浏览他们的网页时，它在我的手机上效果很好。

问题：我该如何轻松地做到这一点，它将适用于浏览器和屏幕/移动？

Answer 1

只需添加这indise您head标签

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

和css：

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