Mobile&Web前端开发：移动浏览器的viewport实例分享

       对于移动web开发。quirksmode.org有两篇文章详细介绍了Ataleoftwoviewport12感觉非常好，最好了解一下viewport概念。原本想翻译的但这两篇文章实在太长了没耐性，于是抽取了其中重点讲viewport局部，用半翻译半自己写的方式写出来，这也是为了让自己能够理解得更好一些。

其中CSS像素和设备像素的概念。要想了解得更清楚还是推荐看看那两篇文章。以下图片均来自http://quirksmode.org还有js获取各种宽高和位置的内容都没有提及。

桌面浏览器

         先说说桌面浏览器上viewport概念。决定了元素的默认宽高。举个例子：桌面浏览器上viewport就是浏览器内容的可视范围。

一个流动布局的页面上。正常情况下你拖动浏览器，给侧栏设置了width:30%放在下。改变浏览器的大小，这个侧栏会自动调整宽度使它宽度为浏览器宽度的30%那么这个自动调整的过程具体是怎样的呢？

这个侧栏会获取父元素的宽度。一个块级元素的宽度会自动伸展到父元素的宽度，乘以30%得到自己的宽度。那问题就变成这个侧栏的父元素宽度的取值问题。一般情况下。所以这里的宽度等于的宽度。那么的宽度又由谁决定？理论上，如果没有给指定CSS宽度，那它宽度由viewport决定，于是这里30%宽度就是浏览器viewport宽度。

缩放的时候也会变化。viewport宽高不仅在窗口resiz时候会改变。

例如有一个宽度100%nav和宽度800pxtest元素。此时viewportcss宽度缩小为400px设备宽度不变)nav元素的css宽度也就缩小到400pxtest元素仍然是800px比nav大了一倍。把窗口宽度调整到800px页面上两个元素nav和test大小是一致的对页面通过浏览器缩放放大一倍。

viewport不是HTML一部分。viewport只是一个拥有浏览器可视宽高(css像素)属性的东西。无法用css控制它对桌面浏览器来说。

移动浏览器

如果把桌面浏览器viewport概念照搬过来会呈现什么后果？移动设备比桌面设备屏幕小很多。

假设流动布局的网站。这会让你网站显得很糟糕，一般给侧栏设置width:30%那么假设移动浏览器宽高是320*480那么这个侧栏实际拥有的宽度只有不到100px放几个字都不够。一大票在桌面浏览器结构良好的网页在移动浏览器上都会惨绝人寰。

于是有了这么两个概念：visualviewport和layoutviewport移动浏览器的设计者就希望移动设备上网页的显示能尽可能地接近桌面浏览器。

visualviewport就是浏览器当前显示的局部页面。通过放大缩小改变visualviewport大小。可以通过拖动改变页面显示的局部。

layoutviewport就是提供给CSS计算的viewport相当于桌面浏览器的viewport不同的layoutviewport跟当前浏览器可视范围无关系。一个给定的值。浏览器怎么缩放都与它无关。

不同设备给layoutviewport定了不同的默认值。可以忽略之）宽度上大概是Safari980pxOpera850pxAndroidWebkit800pxIE974px高度根据设备屏幕的宽高比计算。实际上viewport高度几乎没用。

这样提供给css计算的viewport宽高就与桌面浏览器相近了页面计算渲染进去的效果跟桌面浏览器几乎一致。页面放大缩小不会影响到layoutviewport也就是不会影响到页面渲染。

移动浏览器上。例如用mobilsafari打开一个页面，所有页面打开时默认visualviewport=layoutviewport也就是最小缩放。无论页面内容如何，都会显示980px宽度的内容。

修改layoutviewport

可以通过在上写 标签改变浏览器的layoutviewport如果专门针对移动浏览器设计页面。或者设置initial-scal并设置不可缩放，那最常用的就是设置layoutviewport宽度为设备宽度。这样移动浏览器就始终以1:1方式渲染显示页面，无需理会缩放，可以像桌面浏览器那样进行精确的开发。

<metaname=viewportcontent=width=device-width,<metaname=viewportcontent=width=device-width,<metaname=viewportcontent=width=device-width,user-scalable=no><metaname=viewportcontent=initial-scale=1.0,user-scalable=no>

高分辨率移动设备

高分辨率移动设备

高分辨率移动设备

高分辨率移动设备

移动浏览器的分辨率与移动设备自身的分辨率并不一定一致。现在市面上有很多高分辨率的手机，例如3.7寸的NexuOne手机分辨率达到800X4803.5寸的iphone4分辨率达到960X640但如果以这样实际的值提供给浏览器进行计算和渲染，那会有两个问题。

导致之前专门设计的页面无法兼容与其他移动设备差异太大。

依照这样的分辨率去设计页面时。例如12px字体在普通移动设备上显示正常，会乱了套。但在高分辨率设备上显得太小无法分辨，必需手动把它调高N倍。

http://qd.bbs.house.qq.com/t-3838-1.htm
http://qd.bbs.house.qq.com/t-3839-1.htm
http://qd.bbs.house.qq.com/t-3840-1.htm
http://qd.bbs.house.qq.com/t-3841-1.htm
http://qd.bbs.house.qq.com/t-3842-1.htm
http://qd.bbs.house.qq.com/t-3843-1.htm
http://qd.bbs.house.qq.com/t-3844-1.htm
http://qd.bbs.house.qq.com/t-3845-1.htm
http://qd.bbs.house.qq.com/t-3846-1.htm
http://qd.bbs.house.qq.com/t-3847-1.htm
http://qd.bbs.house.qq.com/t-3848-1.htm
http://qd.bbs.house.qq.com/t-3849-1.htm
http://qd.bbs.house.qq.com/t-3850-1.htm
http://qd.bbs.house.qq.com/t-3851-1.htm
http://qd.bbs.house.qq.com/t-3852-1.htm
http://qd.bbs.house.qq.com/t-3853-1.htm
http://qd.bbs.house.qq.com/t-3854-1.htm
http://qd.bbs.house.qq.com/t-3855-1.htm
http://qd.bbs.house.qq.com/t-3856-1.htm
http://qd.bbs.house.qq.com/t-3857-1.htm
http://qd.bbs.house.qq.com/t-3858-1.htm
http://qd.bbs.house.qq.com/t-3859-1.htm
http://qd.bbs.house.qq.com/t-3860-1.htm
http://qd.bbs.house.qq.com/t-3861-1.htm
http://qd.bbs.house.qq.com/t-3863-1.htm
http://qd.bbs.house.qq.com/t-3864-1.htm
http://qd.bbs.house.qq.com/t-3865-1.htm
http://qd.bbs.house.qq.com/t-3866-1.htm
http://qd.bbs.house.qq.com/t-3867-1.htm
http://qd.bbs.house.qq.com/t-3868-1.htm
http://qd.bbs.house.qq.com/t-3869-1.htm
http://qd.bbs.house.qq.com/t-3870-1.htm
http://qd.bbs.house.qq.com/t-3871-1.htm
http://qd.bbs.house.qq.com/t-3872-1.htm
http://qd.bbs.house.qq.com/t-3873-1.htm
http://qd.bbs.house.qq.com/t-3874-1.htm
http://qd.bbs.house.qq.com/t-3876-1.htm
http://qd.bbs.house.qq.com/t-3877-1.htm
http://qd.bbs.house.qq.com/t-3878-1.htm
http://qd.bbs.house.qq.com/t-3879-1.htm
http://qd.bbs.house.qq.com/t-3880-1.htm
http://qd.bbs.house.qq.com/t-3881-1.htm
http://qd.bbs.house.qq.com/t-3882-1.htm
http://qd.bbs.house.qq.com/t-3883-1.htm
http://qd.bbs.house.qq.com/t-3884-1.htm
http://qd.bbs.house.qq.com/t-3885-1.htm
http://qd.bbs.house.qq.com/t-3886-1.htm
http://qd.bbs.house.qq.com/t-3887-1.htm
http://qd.bbs.house.qq.com/t-3888-1.htm
http://qd.bbs.house.qq.com/t-3889-1.htm
http://qd.bbs.house.qq.com/t-3890-1.htm
http://qd.bbs.house.qq.com/t-3891-1.htm
http://qd.bbs.house.qq.com/t-3892-1.htm
http://qd.bbs.house.qq.com/t-3893-1.htm
http://qd.bbs.house.qq.com/t-3894-1.htm
http://qd.bbs.house.qq.com/t-3895-1.htm
http://qd.bbs.house.qq.com/t-3896-1.htm
http://qd.bbs.house.qq.com/t-3897-1.htm
http://qd.bbs.house.qq.com/t-3898-1.htm
http://qd.bbs.house.qq.com/t-3899-1.htm
http://qd.bbs.house.qq.com/t-3900-1.htm
http://qd.bbs.house.qq.com/t-3901-1.htm
http://qd.bbs.house.qq.com/t-3902-1.htm
http://qd.bbs.house.qq.com/t-3903-1.htm
http://qd.bbs.house.qq.com/t-3904-1.htm
http://qd.bbs.house.qq.com/t-3905-1.htm
http://qd.bbs.house.qq.com/t-3906-1.htm
http://qd.bbs.house.qq.com/t-3907-1.htm
http://qd.bbs.house.qq.com/t-3908-1.htm
http://qd.bbs.house.qq.com/t-3909-1.htm
http://qd.bbs.house.qq.com/t-3910-1.htm
http://qd.bbs.house.qq.com/t-3911-1.htm
http://qd.bbs.house.qq.com/t-3912-1.htm
http://qd.bbs.house.qq.com/t-3913-1.htm
http://qd.bbs.house.qq.com/t-3914-1.htm
http://qd.bbs.house.qq.com/t-3915-1.htm
http://qd.bbs.house.qq.com/t-3916-1.htm
http://qd.bbs.house.qq.com/t-3917-1.htm
http://qd.bbs.house.qq.com/t-3918-1.htm
http://qd.bbs.house.qq.com/t-3919-1.htm
http://qd.bbs.house.qq.com/t-3920-1.htm
http://qd.bbs.house.qq.com/t-3921-1.htm
http://qd.bbs.house.qq.com/t-3922-1.htm
http://qd.bbs.house.qq.com/t-3923-1.htm
http://qd.bbs.house.qq.com/t-3924-1.htm
http://qd.bbs.house.qq.com/t-3925-1.htm
http://qd.bbs.house.qq.com/t-3926-1.htm
http://qd.bbs.house.qq.com/t-3927-1.htm
http://qd.bbs.house.qq.com/t-3928-1.htm
http://qd.bbs.house.qq.com/t-3929-1.htm
http://qd.bbs.house.qq.com/t-3930-1.htm
http://qd.bbs.house.qq.com/t-3931-1.htm
http://qd.bbs.house.qq.com/t-3932-1.htm
http://qd.bbs.house.qq.com/t-3933-1.htm
http://qd.bbs.house.qq.com/t-3934-1.htm
http://qd.bbs.house.qq.com/t-3935-1.htm
http://qd.bbs.house.qq.com/t-3936-1.htm
http://qd.bbs.house.qq.com/t-3937-1.htm
http://qd.bbs.house.qq.com/t-3938-1.htm
http://qd.bbs.house.qq.com/t-3939-1.htm
http://qd.bbs.house.qq.com/t-3940-1.htm
http://qd.bbs.house.qq.com/t-3941-1.htm
http://qd.bbs.house.qq.com/t-3942-1.htm
http://qd.bbs.house.qq.com/t-3943-1.htm
http://qd.bbs.house.qq.com/t-3944-1.htm
http://qd.bbs.house.qq.com/t-3945-1.htm
http://qd.bbs.house.qq.com/t-3946-1.htm
http://qd.bbs.house.qq.com/t-3947-1.htm
http://qd.bbs.house.qq.com/t-3948-1.htm
http://qd.bbs.house.qq.com/t-3949-1.htm
http://qd.bbs.house.qq.com/t-3950-1.htm
http://qd.bbs.house.qq.com/t-3951-1.htm
http://qd.bbs.house.qq.com/t-3952-1.htm
http://qd.bbs.house.qq.com/t-3953-1.htm
http://qd.bbs.house.qq.com/t-3954-1.htm
http://qd.bbs.house.qq.com/t-3955-1.htm
http://qd.bbs.house.qq.com/t-3956-1.htm
http://qd.bbs.house.qq.com/t-3957-1.htm
http://qd.bbs.house.qq.com/t-3958-1.htm
http://qd.bbs.house.qq.com/t-3959-1.htm
http://qd.bbs.house.qq.com/t-3960-1.htm
http://qd.bbs.house.qq.com/t-3961-1.htm
http://qd.bbs.house.qq.com/t-3962-1.htm
http://qd.bbs.house.qq.com/t-3963-1.htm
http://qd.bbs.house.qq.com/t-3964-1.htm
http://qd.bbs.house.qq.com/t-3965-1.htm
http://qd.bbs.house.qq.com/t-3966-1.htm
http://qd.bbs.house.qq.com/t-3967-1.htm
http://qd.bbs.house.qq.com/t-3968-1.htm
http://qd.bbs.house.qq.com/t-3969-1.htm
http://qd.bbs.house.qq.com/t-3970-1.htm
http://qd.bbs.house.qq.com/t-3971-1.htm
http://qd.bbs.house.qq.com/t-3972-1.htm
http://qd.bbs.house.qq.com/t-3973-1.htm
http://qd.bbs.house.qq.com/t-3974-1.htm
http://qd.bbs.house.qq.com/t-3975-1.htm
http://qd.bbs.house.qq.com/t-3976-1.htm
http://qd.bbs.house.qq.com/t-3977-1.htm
http://qd.bbs.house.qq.com/t-3978-1.htm
http://qd.bbs.house.qq.com/t-3979-1.htm
http://qd.bbs.house.qq.com/t-3980-1.htm
http://qd.bbs.house.qq.com/t-3981-1.htm
http://qd.bbs.house.qq.com/t-3982-1.htm
http://qd.bbs.house.qq.com/t-3983-1.htm
http://qd.bbs.house.qq.com/t-3984-1.htm
http://qd.bbs.house.qq.com/t-3985-1.htm
http://qd.bbs.house.qq.com/t-3986-1.htm
http://qd.bbs.house.qq.com/t-3987-1.htm
http://qd.bbs.house.qq.com/t-3988-1.htm
http://qd.bbs.house.qq.com/t-3989-1.htm
http://qd.bbs.house.qq.com/t-3990-1.htm
http://qd.bbs.house.qq.com/t-3991-1.htm
http://qd.bbs.house.qq.com/t-3992-1.htm
http://qd.bbs.house.qq.com/t-3993-1.htm
http://qd.bbs.house.qq.com/t-3994-1.htm
http://qd.bbs.house.qq.com/t-3995-1.htm
http://qd.bbs.house.qq.com/t-3996-1.htm
http://qd.bbs.house.qq.com/t-3997-1.htm
http://qd.bbs.house.qq.com/t-3998-1.htm
http://qd.bbs.house.qq.com/t-3999-1.htm
http://qd.bbs.house.qq.com/t-4000-1.htm
http://qd.bbs.house.qq.com/t-4001-1.htm
http://qd.bbs.house.qq.com/t-4002-1.htm
http://qd.bbs.house.qq.com/t-4003-1.htm
http://qd.bbs.house.qq.com/t-4004-1.htm
http://qd.bbs.house.qq.com/t-4005-1.htm
http://qd.bbs.house.qq.com/t-4006-1.htm
http://qd.bbs.house.qq.com/t-4007-1.htm
http://qd.bbs.house.qq.com/t-4008-1.htm
http://qd.bbs.house.qq.com/t-4009-1.htm
http://qd.bbs.house.qq.com/t-4010-1.htm
http://qd.bbs.house.qq.com/t-4011-1.htm
http://qd.bbs.house.qq.com/t-4012-1.htm
http://qd.bbs.house.qq.com/t-4013-1.htm
http://qd.bbs.house.qq.com/t-4014-1.htm
http://qd.bbs.house.qq.com/t-4015-1.htm
http://qd.bbs.house.qq.com/t-4016-1.htm
http://qd.bbs.house.qq.com/t-4017-1.htm
http://qd.bbs.house.qq.com/t-4018-1.htm
http://qd.bbs.house.qq.com/t-4019-1.htm
http://qd.bbs.house.qq.com/t-4020-1.htm
http://qd.bbs.house.qq.com/t-4021-1.htm
http://qd.bbs.house.qq.com/t-4022-1.htm
http://qd.bbs.house.qq.com/t-4023-1.htm
http://qd.bbs.house.qq.com/t-4024-1.htm
http://qd.bbs.house.qq.com/t-4025-1.htm
http://qd.bbs.house.qq.com/t-4026-1.htm
http://qd.bbs.house.qq.com/t-4027-1.htm
http://qd.bbs.house.qq.com/t-4028-1.htm
http://qd.bbs.house.qq.com/t-4029-1.htm
http://qd.bbs.house.qq.com/t-4030-1.htm
http://qd.bbs.house.qq.com/t-4031-1.htm
http://qd.bbs.house.qq.com/t-4032-1.htm
http://qd.bbs.house.qq.com/t-4033-1.htm
http://qd.bbs.house.qq.com/t-4034-1.htm
http://qd.bbs.house.qq.com/t-4035-1.htm
http://qd.bbs.house.qq.com/t-4036-1.htm
http://qd.bbs.house.qq.com/t-4037-1.htm
http://qd.bbs.house.qq.com/t-4038-1.htm
http://qd.bbs.house.qq.com/t-4039-1.htm
http://qd.bbs.house.qq.com/t-4040-1.htm
http://qd.bbs.house.qq.com/t-4041-1.htm
http://qd.bbs.house.qq.com/t-4042-1.htm
http://qd.bbs.house.qq.com/t-4043-1.htm
http://qd.bbs.house.qq.com/t-4044-1.htm
http://qd.bbs.house.qq.com/t-4045-1.htm
http://qd.bbs.house.qq.com/t-4046-1.htm
http://qd.bbs.house.qq.com/t-4047-1.htm
http://qd.bbs.house.qq.com/t-4048-1.htm
http://qd.bbs.house.qq.com/t-4049-1.htm
http://qd.bbs.house.qq.com/t-4050-1.htm
http://qd.bbs.house.qq.com/t-4051-1.htm
http://qd.bbs.house.qq.com/t-4052-1.htm
http://qd.bbs.house.qq.com/t-4053-1.htm
http://qd.bbs.house.qq.com/t-4054-1.htm
http://qd.bbs.house.qq.com/t-4055-1.htm
http://qd.bbs.house.qq.com/t-4056-1.htm
http://qd.bbs.house.qq.com/t-4057-1.htm
http://qd.bbs.house.qq.com/t-4058-1.htm
http://qd.bbs.house.qq.com/t-4059-1.htm
http://qd.bbs.house.qq.com/t-4060-1.htm
http://qd.bbs.house.qq.com/t-4061-1.htm
http://qd.bbs.house.qq.com/t-4062-1.htm
http://qd.bbs.house.qq.com/t-4063-1.htm
http://qd.bbs.house.qq.com/t-4064-1.htm
http://qd.bbs.house.qq.com/t-4065-1.htm
http://qd.bbs.house.qq.com/t-4066-1.htm
http://qd.bbs.house.qq.com/t-4067-1.htm
http://qd.bbs.house.qq.com/t-4068-1.htm
http://qd.bbs.house.qq.com/t-4069-1.htm
http://qd.bbs.house.qq.com/t-4070-1.htm
http://qd.bbs.house.qq.com/t-4071-1.htm
http://qd.bbs.house.qq.com/t-4072-1.htm
http://qd.bbs.house.qq.com/t-4073-1.htm
http://qd.bbs.house.qq.com/t-4074-1.htm
http://qd.bbs.house.qq.com/t-4075-1.htm
http://qd.bbs.house.qq.com/t-4076-1.htm
http://qd.bbs.house.qq.com/t-4077-1.htm
http://qd.bbs.house.qq.com/t-4078-1.htm
http://qd.bbs.house.qq.com/t-4079-1.htm
http://qd.bbs.house.qq.com/t-4080-1.htm
http://qd.bbs.house.qq.com/t-4081-1.htm
http://qd.bbs.house.qq.com/t-4082-1.htm
http://qd.bbs.house.qq.com/t-4083-1.htm
http://qd.bbs.house.qq.com/t-4084-1.htm
http://qd.bbs.house.qq.com/t-4085-1.htm
http://qd.bbs.house.qq.com/t-4087-1.htm
http://qd.bbs.house.qq.com/t-4088-1.htm
http://qd.bbs.house.qq.com/t-4089-1.htm
http://qd.bbs.house.qq.com/t-4090-1.htm
http://qd.bbs.house.qq.com/t-4091-1.htm
http://qd.bbs.house.qq.com/t-4092-1.htm
http://qd.bbs.house.qq.com/t-4093-1.htm
http://qd.bbs.house.qq.com/t-4094-1.htm
http://qd.bbs.house.qq.com/t-4095-1.htm
http://qd.bbs.house.qq.com/t-4097-1.htm
http://qd.bbs.house.qq.com/t-4099-1.htm
http://qd.bbs.house.qq.com/t-4100-1.htm
http://qd.bbs.house.qq.com/t-4101-1.htm
http://qd.bbs.house.qq.com/t-4103-1.htm
http://qd.bbs.house.qq.com/t-4104-1.htm
http://qd.bbs.house.qq.com/t-4105-1.htm
http://qd.bbs.house.qq.com/t-4106-1.htm
http://qd.bbs.house.qq.com/t-4107-1.htm
http://qd.bbs.house.qq.com/t-4108-1.htm
http://qd.bbs.house.qq.com/t-4109-1.htm
http://qd.bbs.house.qq.com/t-4110-1.htm
http://qd.bbs.house.qq.com/t-4111-1.htm
http://qd.bbs.house.qq.com/t-4112-1.htm
http://qd.bbs.house.qq.com/t-4113-1.htm
http://qd.bbs.house.qq.com/t-4114-1.htm
http://qd.bbs.house.qq.com/t-4115-1.htm
http://qd.bbs.house.qq.com/t-4116-1.htm
http://qd.bbs.house.qq.com/t-4117-1.htm
http://qd.bbs.house.qq.com/t-4118-1.htm
http://qd.bbs.house.qq.com/t-4120-1.htm
http://qd.bbs.house.qq.com/t-4121-1.htm
http://qd.bbs.house.qq.com/t-4122-1.htm
http://qd.bbs.house.qq.com/t-4123-1.htm
http://qd.bbs.house.qq.com/t-4124-1.htm
http://qd.bbs.house.qq.com/t-4125-1.htm
http://qd.bbs.house.qq.com/t-4126-1.htm
http://qd.bbs.house.qq.com/t-4127-1.htm
http://qd.bbs.house.qq.com/t-4128-1.htm
http://qd.bbs.house.qq.com/t-4129-1.htm
http://qd.bbs.house.qq.com/t-4130-1.htm
http://qd.bbs.house.qq.com/t-4131-1.htm
http://qd.bbs.house.qq.com/t-4132-1.htm
http://qd.bbs.house.qq.com/t-4133-1.htm
http://qd.bbs.house.qq.com/t-4134-1.htm
http://qd.bbs.house.qq.com/t-4135-1.htm
http://qd.bbs.house.qq.com/t-4136-1.htm
http://qd.bbs.house.qq.com/t-4137-1.htm
http://qd.bbs.house.qq.com/t-4138-1.htm
http://qd.bbs.house.qq.com/t-4141-1.htm
http://qd.bbs.house.qq.com/t-4142-1.htm
http://qd.bbs.house.qq.com/t-4143-1.htm
http://qd.bbs.house.qq.com/t-4144-1.htm
http://qd.bbs.house.qq.com/t-4145-1.htm
http://gy.bbs.house.qq.com/t-49069-1.htm
http://gy.bbs.house.qq.com/t-49070-1.htm
http://gy.bbs.house.qq.com/t-49071-1.htm
http://gy.bbs.house.qq.com/t-49072-1.htm
http://gy.bbs.house.qq.com/t-49073-1.htm
http://gy.bbs.house.qq.com/t-49074-1.htm
http://gy.bbs.house.qq.com/t-49075-1.htm
http://gy.bbs.house.qq.com/t-49076-1.htm
http://gy.bbs.house.qq.com/t-49077-1.htm
http://gy.bbs.house.qq.com/t-49078-1.htm
http://gy.bbs.house.qq.com/t-49079-1.htm
http://gy.bbs.house.qq.com/t-49080-1.htm
http://gy.bbs.house.qq.com/t-49081-1.htm
http://gy.bbs.house.qq.com/t-49082-1.htm
http://gy.bbs.house.qq.com/t-49083-1.htm
http://gy.bbs.house.qq.com/t-49084-1.htm
http://gy.bbs.house.qq.com/t-49085-1.htm
http://gy.bbs.house.qq.com/t-49086-1.htm
http://gy.bbs.house.qq.com/t-49087-1.htm
http://gy.bbs.house.qq.com/t-49088-1.htm
http://gy.bbs.house.qq.com/t-49089-1.htm
http://gy.bbs.house.qq.com/t-49090-1.htm
http://gy.bbs.house.qq.com/t-49091-1.htm
http://gy.bbs.house.qq.com/t-49092-1.htm
http://gy.bbs.house.qq.com/t-49093-1.htm