gpt4 book ai didi

Iphone(chrome 和 safari)忽略最小宽度

转载 作者:行者123 更新时间:2023-11-28 11:48:16 24 4
gpt4 key购买 nike

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

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

有人可以告诉我我在监督什么吗?我相信有一个简单的解决方案!

网站可以在这里找到:

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

最佳答案

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 和 safari)忽略最小宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20397682/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com