http://www.sufeinet.com/plugin.php?id=keke_group

苏飞论坛

 找回密码
 马上注册

QQ登录

只需一步,快速开始

分布式系统框架(V2.0) 轻松承载百亿数据,千万流量!讨论专区 - 源码下载 - 官方教程

HttpHelper爬虫框架(V2.7-含.netcore) HttpHelper官方出品,爬虫框架讨论区 - 源码下载 - 在线测试和代码生成

HttpHelper爬虫类(V2.0) 开源的爬虫类,支持多种模式和属性 源码 - 代码生成器 - 讨论区 - 教程- 例子

查看: 5275|回复: 2

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

[复制链接]
发表于 2013-4-18 10:28:39 | 显示全部楼层 |阅读模式
本帖最后由 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){}这样的样式放在后面去。时间紧促,今天就先分享到这里吧。


更多图片 小图 大图
组图打开中,请稍候......


1. 开通SVIP会员,免费下载本站所有源码,不限次数据,不限时间
2. 加官方QQ群,加官方微信群获取更多资源和帮助
3. 找站长苏飞做网站、商城、CRM、小程序、App、爬虫相关、项目外包等点这里
发表于 2013-4-18 11:10:15 | 显示全部楼层
强烈支持楼主ing……
发表于 2013-9-17 02:46:57 | 显示全部楼层
不错哦!!!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 马上注册

本版积分规则

QQ|手机版|小黑屋|手机版|联系我们|关于我们|广告合作|苏飞论坛 ( 豫ICP备18043678号-2)

GMT+8, 2024-3-29 21:04

© 2014-2021

快速回复 返回顶部 返回列表