![](/img/trans.png)
[英]CSS Psuedo elements rendering issue on Sony Xperia Tablet Z
[英]css media query doesn't work on Sony Xperia Z smartphone
我需要您的幫助,我的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">
希望能有所幫助。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.