68手游网

现在很流行自适应web页面，利用CSS3 Media Queries实现不同宽度的设备实现不同的网页排版，常见的设备有电脑，不同屏幕大小的手机，还有各种平板电脑。iPad作为最流行的平板电脑，网页要为ipad做适配，那么ipad media宽度是多少呢？

ipad media宽度

要考虑ipad的CSS3 Media Queries宽度，给ipad做网页适配，ipad media的宽度一般是1024px，但是根据实际情况来，设为960px应该够了，具体多少还要看其他div宽度的影响，只能多做测试了。

/* Minimum width of 1024 pixels. */
@media screen and (min-width: 1024px) {
body {
background-color: #e6e6e6;
}
body .site {
padding: 0 40px;
padding: 0 2.857142857rem;
margin-top: 48px;
margin-top: 3.428571429rem;
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
}

实际情况不仅要考虑ipad media宽度，还要考虑大部分平板的宽度，因此最保险的做法就是不断测试，大致范围就是960px以上。

wordpress几个最新主题都是采用了CSS3 Media Queries技术，不过它的做法是从手机页面适配开始，然后考虑600px以上宽度的，再考虑960px以上宽度，以适应平板和电脑。