ipad下横版和竖版如何显示不一样的尺寸

　　设计师分别对1200px/990px/750px三个尺寸进行响应式设计，最终效果如下： pc宽屏版1200px

　　ipad横版990px

　　ipad竖版750px

　　默认不设置viewport，测试结果如下：

　　ipad横版

　　ipad竖版

　　iphone竖版

　　结果发现左右2边都有大片的空白，原因是safari默认viewport的width是980px，js检测当前viewport确实是980px,1200、990、750待响应的三个尺寸在980的容器中，所以显示出是750px的设计在980px的容器中居中的效果。 这不是想要的效果，众所周知，ipad的分辨率是1024×768,所以其横版能显示990的设计效果，竖版显示750的设计效果，既然viewport的默认宽度是980，那就试试改变viewport的width。

　　更多资讯访问上海网页设计培训学校