我需要您的帮助,我的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">
希望能有所帮助。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句