V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
shinerene
V2EX  ›  程序员

页面排版求助 有人能帮我诊断下问题出在哪里吗?

  •  
  •   shinerene ·
    Xiechen · 2013-05-21 21:30:50 +08:00 · 2711 次点击
    这是一个创建于 4214 天前的主题,其中的信息可能已经有所发展或是发生改变。
    我的blog chendell.github.io

    在电脑上打开还好 但是一旦在 iPad 或者 iPhone 上打开 把滚动条向右边移动就会看到留下的很大一块空白。请问有人能帮我看一下我的css代码 诊断一下问题在哪里吗?

    我希望就是在 iPad 上打开也可以正好充满一个屏幕不会不会左右滑动。
    11 条回复    1970-01-01 08:00:00 +08:00
    shinerene
        1
    shinerene  
    OP
       2013-05-21 21:44:37 +08:00
    自己顶 求助一下。。。
    slixurd
        2
    slixurd  
       2013-05-21 22:49:18 +08:00
    如果想在移动设备上显示的好的话..还要写viewport
    而且最好是流动式布局...
    不过= =,我还是不能理解为什么博客要用手机看,RSS才是最终归宿啊
    xieranmaya
        3
    xieranmaya  
       2013-05-21 23:31:31 +08:00
    需要加viewport,参见下面这篇文章,中文的自己找找吧
    http://www.quirksmode.org/mobile/viewports.html
    不想看的话,直接加上这一句
    <meta name="viewport" content="width=320"/>
    一般都是320,也可以改成其它的比如480什么的,taobao的移动端是320,你自己考虑。当然,还可以换成“device-width”
    momou
        4
    momou  
       2013-05-21 23:56:26 +08:00
    电脑上看也会有空白的。。。
    iptux
        5
    iptux  
       2013-05-22 00:10:52 +08:00
    viewport +1

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    shinerene
        6
    shinerene  
    OP
       2013-05-22 00:26:11 +08:00
    @slixurd 额 只是想要在移动端的浏览器上测试下效果。
    shinerene
        7
    shinerene  
    OP
       2013-05-22 00:26:46 +08:00
    @iptux
    @xieranmaya
    @momou
    恩 已经加了viewport了 确实有改进 谢谢!
    gdm
        8
    gdm  
       2013-05-22 01:04:16 +08:00
    现在终端多了,很是麻烦
    我很懒,都用百分比,不用像素,一直在 pc 上预览,后来某天忽然心血来潮找个 iPhone 看,竟然非常满意
    emric
        9
    emric  
       2013-05-22 03:49:31 +08:00
    https://gist.github.com/anonymous/4a1ed30412ef4f5cd70b
    重构了下, 希望对LZ有帮助 : )
    shinerene
        10
    shinerene  
    OP
       2013-05-22 09:32:25 +08:00
    @gdm 是的 我后来改成百分比之后效果很满意的!
    shinerene
        11
    shinerene  
    OP
       2013-05-22 20:31:24 +08:00
    @emric wow ~谢谢啦!借鉴了很多!~
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3034 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 14:43 · PVG 22:43 · LAX 06:43 · JFK 09:43
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.