Iphone（chrome&；safari）忽略最小宽度_Iphone_Css

Iphone（chrome&；safari）忽略最小宽度

iphone css

Iphone（chrome&；safari）忽略最小宽度,iphone,css,Iphone,Css,我刚刚完成了一个网站的样式表。然后我想在我的iphone上打开它，结果设计完全搞砸了。这真的不是什么新鲜事。但通常的解决办法是给我的身体增加一个最小宽度但是。。这一次，iphone似乎忽视了这一点有人能告诉我我在监督什么吗？我相信有一个简单的解决办法可在以下位置找到网站： http://77.72.144.173/~braaaf/index.php HTML: <head> <meta name="viewport" content="width=devic

我刚刚完成了一个网站的样式表。然后我想在我的iphone上打开它，结果设计完全搞砸了。这真的不是什么新鲜事。但通常的解决办法是给我的身体增加一个最小宽度

但是。。这一次，iphone似乎忽视了这一点

有人能告诉我我在监督什么吗？我相信有一个简单的解决办法

可在以下位置找到网站：

http://77.72.144.173/~braaaf/index.php

HTML:

<head>
    <meta name="viewport" content="width=device-width, user-scalable=no" />
</head>

@media screen and (min-width: 769px)
{
    /* STYLES HERE */
}

@media screen and (min-device-width: 481px) and (max-device-width: 768px)
{ 
    /* STYLES HERE */
}

@media only screen and (max-device-width: 480px) {
    /* STYLES HERE */
}