网页在移动端显示不正常，求助

Question

地址：http://www.cnblogs.com/zichi/ chrome 下模拟移动端就不正常了

感觉是 CSS 的问题，CSS 能力几乎为 0，求助 ...

我的想法是 不需要专门的移动端适配，就是移动端浏览器打开跟 PC 打开一样就可以了 ...是不是那个样式写错了？

Answer 1

博客园是吧 他们没做移动适配
需要自定义CSS覆盖样式自己适配 用媒体查询覆盖一下
我粗略的帮你调整了一下 勉强能看

/* iPhone 6 Plus 宽度及以下使用移动端样式 */
@media (max-width: 414px) {
    #top {
        padding: 0;
        text-align: center;
    }
    #main {
        margin: 0;
        padding: 15px;
    }
    #leftmenu,
    #cnzz_stat_icon_1258036937 {
        display: none;
    }
}

以下效果图 你保存后对比一下是不是一致

Answer 2

浏览器也不正常啊，首先把#main的margin-right去掉，宽度设置为60%，然后慢慢调吧。。。

Answer 3

改成响应式布局或者专门做一套手机的模板界面然后根据浏览器尺寸类型判断用哪套模板