相关疑难解决方法(0)

在styles.css中,我使用的是媒体查询,两者都使用以下变体:

/*--[ Normal CSS styles ]----------------------------------*/

@media only screen and (max-width: 767px) {

    /*--[ Mobile styles go here]---------------------------*/
}

当我缩小窗口时,网站会在常规浏览器(Safari,Firefox)中调整我想要的布局,但是,手机上根本不会显示移动布局.相反,我只看到默认的CSS.

谁能指出我正确的方向？

我一直在尝试在我的CSS文档中进行媒体查询,例如:

@media screen and (max-device-width: 480px) { /*css here*/}

但是当我在iPhone上测试时它不起作用.我尝试过更改尺寸并使用纵向/横向功能,但仍然没有.我究竟做错了什么？