V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
wolf777
V2EX  ›  问与答

PC 网站怎么做成移动站适配小屏幕阅读?

  •  1
     
  •   wolf777 · 2015-11-20 12:38:16 +08:00 · 2065 次点击
    这是一个创建于 3295 天前的主题,其中的信息可能已经有所发展或是发生改变。
    站点:勇者大冒险 www.yongzhedamaoxian.com
    12 条回复    2015-11-20 21:59:40 +08:00
    wolf777
        1
    wolf777  
    OP
       2015-11-20 12:40:09 +08:00
    求助……-_-#:
    xd314697475
        2
    xd314697475  
       2015-11-20 14:16:27 +08:00 via Android
    bookstrap
    xd314697475
        3
    xd314697475  
       2015-11-20 14:16:41 +08:00 via Android
    Light3
        4
    Light3  
       2015-11-20 14:17:48 +08:00
    h5 bootstrap 看你会啥了
    XianZaiZhuCe
        5
    XianZaiZhuCe  
       2015-11-20 14:21:10 +08:00 via Android
    广告太可怕了
    em70
        6
    em70  
       2015-11-20 14:23:06 +08:00
    在 HTML 文件头部加一句话就可以了
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">

    当然,这是让其适合手机阅读,并不能保证排版漂亮
    ChoateYao
        7
    ChoateYao  
       2015-11-20 14:38:43 +08:00
    勇者大冒险不是腾讯出的动漫吗?
    wolf777
        8
    wolf777  
    OP
       2015-11-20 14:39:22 +08:00
    加这句有用?
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
    lyz1990
        9
    lyz1990  
       2015-11-20 17:32:10 +08:00
    真的不是广告么?
    dong3580
        10
    dong3580  
       2015-11-20 17:36:36 +08:00   ❤️ 1
    再加个 css ,这样写:
    例如

    @media screen and (max-width:1024px) {
    //这里控制不同分辨率的屏幕显示的效果,这明明百度都能百度到呀,为什么不先去百度呢,不行还有谷歌呀?
    .main {
    width: 100%;
    background-color:#efe8e8;
    margin:auto auto;
    text-align:center;
    font-family:'Microsoft YaHei','宋体' ;
    }

    .description {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    background-color:lightblue;
    }
    }
    aivier
        11
    aivier  
       2015-11-20 18:49:27 +08:00
    域名似曾相识
    wolf777
        12
    wolf777  
    OP
       2015-11-20 21:59:40 +08:00
    @dong3580 谢谢 试用中
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   6030 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 40ms · UTC 06:20 · PVG 14:20 · LAX 22:20 · JFK 01:20
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.