0

我正在开发一个移动网站，当屏幕宽度在 150 像素到 480 像素之间时，我使用 CSS 来更改布局设计。但是，当我测试实际手机时，我看到的是桌面屏幕布局，而不是我使用 CSS 的布局。

基于此，我应该得到屏幕宽度，但是如果屏幕宽度仅在 150px - 480px 范围内，我不知道如何访问它并放置布局语句。

@media only screen and (min-width: 150px) and (max-width: 480px) {
#header .navbar ul li a {
    font-size:15px;     
}

#content .apk {
    padding-bottom:5px;
    border-bottom:1px solid #ccc;       
}

#content .apk img{
    float:left;
    margin:0 10px 0 0;
    width:100px;
    height:100px;
}

#content .apk p {
    margin-top:-20px;
    font-size:13px;
    color:#444;
}

#content .apk .submit {
    margin-top:-10px;
    margin-left:100px;
    resize:horizontal;
    width:32%;

}

#footer h5 {
    font-size: 14px;
}

}
4

1 回答 1

0

您可以使用 CSS 媒体查询来做到这一点：

@media all and (min-width: 150px) and (max-width: 480px) {
    /* insert specific CSS here */
}

请参阅这些文章：

于 2013-10-22T02:52:51.267 回答