网站无法调整大小或在移动设备上重定向

Question

我的网站没有调整大小或重定向到移动设备。我试图把

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0;" /> 

中的代码，但是这并没有帮助。

有没有一种简单的方法让网站在移动设备上重新定向，并且适合移动设备而不管其方向如何？

我已阅读了关于此主题的多篇文章，但解决方案似乎不适合我。

Answer 1

使用带有max-width的媒体查询。

@media(max-width:479px){ 
    //css rules for mobile here 
} 

Answer 2

您的网站应根据方向进行调整。

看到这里有不同的媒体查询，你可以把：

如iPhone5的：

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { 
//your css style 
} 

使用（方向：横向）或（方向：纵向），并做相应的CSS编辑。

我不确定您是否使用“流体布局”和“流体图像”设计了您的网站。