网站样式在iPhone和iPad上浏览样式问题初步解决方案

Koson

    开发web项目？是的。好不容易解决各大浏览器的样式兼容问题。很多领导喜欢用iPhone或iPad浏览网站，有时就遇上问题了，发布了的网站在PC上运行没有问题，但是到了iPhone或者iPad乃至各大Android手机上浏览，问题就出来了，样式全挂了，页面已经被挤到一边去了，另一边空白，这个是无法令人接受的。好吧，那就只有在样式上下功夫了。其实针对手机移动设备，不妨试试下面的css写法：
[code=css]@media screen and (max-device-width: 640px){
    header {
        width:1024px;
    }

    footer
    {
        width:1024px;
    }
}[/code]

当然，针对上述的css样式，可能你之前是这样写好的：
[code=css]header {
    width:100%;
}[/code]

为了保证在移动设备上的正常浏览，就不得不把@media screen and (max-device-width: 640px){}这样的样式放在后面去。时间紧促，今天就先分享到这里吧。

站长苏飞

强烈支持楼主ing……

wetpffxoq

不错哦！！！