css - 网页在移动端显示不正常,求助

查看:131
本文介绍了css - 网页在移动端显示不正常,求助的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

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

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

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

解决方案

博客园是吧 他们没做移动适配
需要自定义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;
    }
}

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

这篇关于css - 网页在移动端显示不正常,求助的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆