Question

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

但是......这次iphone似乎忽略了它。

有人可以告诉我我在监督什么吗？我确信有一个简单的解决方案！

网站可以在这里找到：

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

Answer 1

HTML：

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

CSS：

@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 */
}

Iphone（chrome＆amp; safari）忽略min-width

1 个答案: