wolf777
V2EX  ›  问与答

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

  •  1
     
  •   wolf777 · Nov 20, 2015 · 2772 views
    This topic created in 4006 days ago, the information mentioned may be changed or developed.
    站点:勇者大冒险 www.yongzhedamaoxian.com
    12 replies  •  2015-11-20 21:59:40 +08:00
    wolf777
    wolf777
    OP
    Nov 20, 2015
    1
    求助……-_-#:
    xd314697475
    xd314697475
    Nov 20, 2015 via Android
    2
    bookstrap
    xd314697475
    xd314697475
    Nov 20, 2015 via Android
    3
    Light3
    Light3
    Nov 20, 2015
    4
    h5 bootstrap 看你会啥了
    XianZaiZhuCe
    XianZaiZhuCe
    Nov 20, 2015 via Android
    5
    广告太可怕了
    em70
    em70
    Nov 20, 2015
    6
    在 HTML 文件头部加一句话就可以了
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">

    当然,这是让其适合手机阅读,并不能保证排版漂亮
    ChoateYao
    ChoateYao
    Nov 20, 2015
    7
    勇者大冒险不是腾讯出的动漫吗?
    wolf777
    wolf777
    OP
    Nov 20, 2015
    8
    加这句有用?
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
    lyz1990
    lyz1990
    Nov 20, 2015
    9
    真的不是广告么?
    dong3580
    dong3580
    Nov 20, 2015❤️1
    10
    再加个 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
    aivier
    Nov 20, 2015
    11
    域名似曾相识
    wolf777
    wolf777
    OP
    Nov 20, 2015
    12
    @dong3580 谢谢 试用中
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4333 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 44ms · UTC 02:11 · PVG 10:11 · LAX 18:11 · JFK 21:11
    ♥ Do have faith in what you're doing.