检查移动网站的小分辨率答案

【问题标题】：Check Small Resolution for a Mobile Website检查移动网站的小分辨率
【发布时间】：2013-10-22 11:03:10
【问题描述】：

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

基于this，我应该得到屏幕宽度，但我不知道如何访问它，如果屏幕宽度仅在 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;
}

}

【问题讨论】：

标签： javascript php css html

【解决方案1】：

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

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

查看这些文章：

【讨论】：

其实这是我在CSS中使用的代码