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

[shinerene]

我的blog chendell.github.io

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

我希望就是在 iPad 上打开也可以正好充满一个屏幕不会不会左右滑动。

[shinerene]

自己顶 求助一下。。。

[slixurd]

如果想在移动设备上显示的好的话..还要写viewport
而且最好是流动式布局...
不过= =,我还是不能理解为什么博客要用手机看,RSS才是最终归宿啊

[xieranmaya]

需要加viewport，参见下面这篇文章，中文的自己找找吧
http://www.quirksmode.org/mobile/viewports.html
不想看的话，直接加上这一句
<meta name="viewport" content="width=320"/>
一般都是320，也可以改成其它的比如480什么的，taobao的移动端是320，你自己考虑。当然，还可以换成“device-width”

[momou]

电脑上看也会有空白的。。。

[iptux]

viewport +1

<meta name="viewport" content="width=device-width, initial-scale=1.0">

[shinerene]

@slixurd 额 只是想要在移动端的浏览器上测试下效果。

[shinerene]

@iptux
@xieranmaya
@momou
恩 已经加了viewport了 确实有改进 谢谢！

[gdm]

现在终端多了，很是麻烦
我很懒，都用百分比，不用像素，一直在 pc 上预览，后来某天忽然心血来潮找个 iPhone 看，竟然非常满意

[emric]

https://gist.github.com/anonymous/4a1ed30412ef4f5cd70b
重构了下, 希望对LZ有帮助 : )

[shinerene]

@gdm 是的 我后来改成百分比之后效果很满意的！

[shinerene]

@emric wow ~谢谢啦！借鉴了很多！~