gpt4 book ai didi

css 媒体查询不适用于 Sony Xperia Z 智能手机

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

我需要你的帮助,我的 CSS 媒体查询代码有问题。

我刚刚写了下面的css媒体代码

@media (max-width: 900px) {

#content {
width: 100%;
margin: auto;
}
#recent_activities .act {
width: 94%;
padding: 3% 10px;
background-color: #FFF;
text-align: left;
margin-bottom: 10px;
margin-left: 0px;
height: inherit;
}
#header_container
{
display: none;
}

#footer {
width: 94%;
margin: auto;
padding: 3% 0px;
text-align: center;
}
}

我的问题是,当我调整浏览器窗口大小时,代码在计算机屏幕上运行良好,但不幸的是,它在我的智能手机 (Xperia Z) 上不起作用。

最佳答案

只需将以下元标记放入 <head> :

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

希望对您有所帮助。

关于css 媒体查询不适用于 Sony Xperia Z 智能手机,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29061116/

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