苏飞论坛

标题: 网站样式在iPhone和iPad上浏览样式问题初步解决方案 [打印本页]

作者: Koson 时间: 2013-4-18 10:28
标题: 网站样式在iPhone和iPad上浏览样式问题初步解决方案
本帖最后由 Koson 于 2013-4-18 10:46 编辑

开发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){}这样的样式放在后面去。时间紧促，今天就先分享到这里吧。

作者: 站长苏飞 时间: 2013-4-18 11:10
强烈支持楼主ing……

作者: wetpffxoq 时间: 2013-9-17 02:46
不错哦！！！

欢迎光临苏飞论坛 (http://www.sufeinet.com/)