如何调试&iPhone&Safari&浏览器&的CSS兼容问题_李建-achair_新浪博客
我们电脑浏览器如果出现CSS兼容问题，现在很好解决，Chrome浏览器自带检查工具，火狐浏览器的FireBug也很好用，Safari、360、IE、EDGE都有自己的调试工具。他们可以查看html+JS+CSS如何被解释的，如果被解释错了可以看到原因出现在哪。
但是以上说的都是电脑，如果网站在iPhone上出现了兼容问题，该如何解决呢？下面教大家个方法，需要Mac电脑和iPhone。
网站在PC，Mac，安卓手机上均无问题，在iPhone的Safari上出现了黑色背景只能铺30%，有的Banner宽度也只有30%的问题。（iPhone6，iPhone6
plus，iPhone5S，iPhone5都有问题，iPhone3GS，还有iPad mini2 没问题）
分析方法：
用Mac 的Safari浏览器，菜单中的“开发”，数据线链接iPhone，类似“检查”或firebug之类的方法，在Mac
Safari中出现代码样式，在iPhone的Safari中出现选择的区块。这样容易辨别是哪块出现了问题，揭示出什么样的代码，便于查找问题原因。
备注：同样的html＋css，在不同设备和不同浏览器上 解释不同，显示效果也不同。
发现DIV显示宽度页面的30%，但是子DIV内容却是100%，显然子没有撑开父DIV，clear both无效。
考虑宽度的问题，网上搜索原因，原来iPhone的Safari默认宽度是980px，需要指定html的viewport宽度，否则会按照默认980px处理。
解决方案：
最简单的方法是在 head 标签中初始化好 viewport，详见下方代码：
假设网页宽度为 960px 或 1080px，可在width中加入该值，并将 initial-scale
设置一个适合的倍数值。
例如一个页面的宽度为 1080px，则设定为：这样不管加载前后切换横屏还是竖屏，都可以友好显示。
我们用的是：
以上只是一个案例，但是这个方法还是挺重要的，希望对朋友提供帮助。
原文：http://achair.cn/6757.html
鏉庡缓-achair
博客等级：
博客积分：0
博客访问：133,396
关注人气：0
荣誉徽章：后使用快捷导航没有帐号？
只需一步，快速开始
查看: 2707|回复: 5
积分21513精华0主题帖子威望1105 活跃32945 PP币803 PP豆1586 阅读权限110最后登录
Nah to ah to no no no
TA的每日心情无聊前天&22:48签到天数: 1137 天连续签到: 1 天[LV.10]以坛为家III威望1105 活跃32945 PP币803 PP豆1586 设备iPhone 7
一、离线阅读网页（阅读列表）
& && &&&或许很多朋友用过instapaper这款软件、并通过它来实现网页的离线观看阅读。实际上Safari自带了离线阅读网页的功能、并且十分好用哦！
& && &&&第一步、连接WiFi打开PP助手的官网，加入阅读列表，就可以把当前网页离线保存了 。
& && && && && && && && && && && && && &
& & 第二步、我们点击这个向乔帮主致敬的眼镜图标就可以离线看网页了 。我们可以在网页这一栏、左右滑动手指可以对它执行删除。
& && && && && && && && && && && && && &
& && && && && && && && && && && &&&
二、搜索网页中的指定内容
& && & 有的时候我们在阅读长篇网页的时候，要想找到自己感兴趣的指定关键词、确实比较困难。其实Safari为我们提供了类似于电脑中“查找”的功能，它能帮助我们快速定位到自己想要的词语，非常便捷！
& && & 第一步、我们打开PP助手的官网。接下来输入我感兴趣的关键词“PP助手”，只要在网页地址栏中输入“PP助手 ”即可并且点击下拉列表框中的 查找“PP助手 ” 。
& && && && && && && && && && && && && &&&
& && &&&第二步、我们可以通过点击底端的左右箭头标记，把整个网页中关于“PP助手”的信息全部找出来 。
& && && && && && && && && && && && && &
亲,你写的真不错~
总评分:&威望 + 3&
活跃 + 10&
PP助手官方论坛超版Seansheng的温馨提示：
（1）有一切关于iOS设备的疑难问题，一定要在对应版块发帖求助哦~
（2）包括我在内的所有版版在看到帖子后，会在第一时间给大家进行答疑解惑的哦~
（3）再次感谢广大PY们对PP助手官方论坛的厚爱以及对于我们版版工作的支持哈~~~
积分1246精华0主题帖子威望56 活跃1574 PP币2693 PP豆2436 阅读权限50最后登录
试试看，你能碰到我？
, 积分 1246, 距离下一级还需 1754 积分
TA的每日心情怒 09:42签到天数: 223 天连续签到: 2 天[LV.7]常住居民III威望56 活跃1574 PP币2693 PP豆2436 设备iPhone X
亲，写的不错
积分100精华0主题帖子威望0 活跃97 PP币198 PP豆0 阅读权限10最后登录
, 积分 100, 距离下一级还需 200 积分
TA的每日心情奋斗 10:31签到天数: 18 天连续签到: 0 天[LV.4]偶尔看看III威望0 活跃97 PP币198 PP豆0
积分14641精华0主题帖子威望138 活跃19152 PP币6521 PP豆12 阅读权限200最后登录
TA的每日心情奋斗 10:31签到天数: 491 天连续签到: 0 天[LV.9]以坛为家II威望138 活跃19152 PP币6521 PP豆12 设备iPhone 5s
积分23095精华0主题帖子威望825 活跃36428 PP币333 PP豆10 阅读权限90最后登录
TA的每日心情奋斗 10:31签到天数: 216 天连续签到: 0 天[LV.7]常住居民III威望825 活跃36428 PP币333 PP豆10 设备iPhone4s
积分5030精华0主题帖子威望0 活跃9686 PP币4789 PP豆-30 阅读权限90最后登录
, 积分 5030, 距离下一级还需 4970 积分
TA的每日心情奋斗 10:31签到天数: 293 天连续签到: 0 天[LV.8]以坛为家I威望0 活跃9686 PP币4789 PP豆-30
谢谢分享&&谢谢分享
超级版主勋章
论坛超级版主专用
授予在论坛发布大量资源，300个资源贴以上的会员
论坛回帖之王
论坛雷锋好模范
热心分享资源超过500个的会员
发表1000篇以上文章会员
论坛优秀版主
论坛创始人
论坛管理员专用
Copyright&
Guangzhou UC Network Technology Co., Ltd. All Rights Reserved. 广州优视网络科技有限公司 版权所有
请填写客服满意度
请填写产品满意度iphone6浏览网页显示safari打不开网页,因为网址无效，怎么回事？急急急_百度知道
iphone6浏览网页显示safari打不开网页,因为网址无效，怎么回事？急急急
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
1、确认本机有WiFi信号或者蜂窝网络信号。2、再打开Safari浏览器尝试。3、如果还不可以的话，可以尝试恢复出厂设置，具体操作步骤如下：（1）打开“设置”，找到“通用”。2、在“通用”里找到“还原”。3、打开“还原”，点击“还原所有”。（还原前请注意数据的备份。）
采纳率：100%
iPhone突然在打开网页的时候弹出一个对话框【Safari无法打开网页 因为服务器已停止响应解决方法】，然后就上网找了好多的网站都没有具体的教程，最后好不容易找到了一个很简单的方法，为了帮助更多的iPhone朋友，今天和大家分享一下解决Safari无法打开网页，因为服务器已停止响应解决方法。第一、如果用iPhone上网时弹出【Safari无法打开网页 因为服务器已停止响应解决方法】，不用担心，导致该问题的原因可能是由于系统出现小小的内部冲突。第二、在出现无法打开网页的窗口后，点击【Home】按键推出当前界面，点击【设置】里面的【飞行模式】，把飞行模式进行打开，然后再关闭即可。第三、对飞行模式进行一次开关后，再返回Safari点击一个网站试试，现在就应该没有问题了，网址那一栏已经可以完全打开了，之前还是卡在那里的。反正我的iPhone就是这样子解决了，如果你的Sarafi还不可以打开，就建议下载一个【System】的软件进行一下刷新和清理内存，再不行就进行一下恢复吧，当然了这是下下策。
本回答被网友采纳
你用百度浏览器或360浏览器试试，看是否有同样的问题。
对飞行模式进行一次开关后，再返回Safari点击一个网站试试，现在就应该没有问题了，网址那一栏已经可以完全打开了，之前还是卡在那里的。反正我的iPhone就是这样子解决了，如果你的Sarafi还不可以打开，就建议下载一个【System】的软件进行一下刷新和清理内存，再不行就进行一下恢复吧，当然了这是下下策。
1、与网站本身有关，建议更换网址。2、可能当前手机未连接网络，建议连接网络后再申请访问。3、可能是safari软件本身的问题，建议更换其他浏览器。希望能帮到你
我的也是，后来我“清除历史记录与网站数据”，重启一下就好了
地址不对，打开百度试试
其他6条回答
为您推荐：
其他类似问题
打不开网页的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。苹果手机safari打不开网页怎么办
时间： 13:38:59
来源：下载吧
编辑：zhangjiawen
safari是苹果手机内置浏览器，但很多用户都遇到了在打开网页时经常会出现safari打不开网页因为服务器已停止响应的提示。那么遇到这种情况我们应该怎么解决呢？最简单的解决方法就是重新刷新一下，如果刷新都解决不了问题的话请参考以下方法来解决。safari打不开网页的解决方法：1、关闭手机或者苹果设备的wifi再打开了；2、如果不行的话－－-设置－－wifi一点击你的无线路由一选择忽视此网络一退回一重新查找wifi一输入wifi密码；3、不要去调无线路由！不是它的问题，是手机上过太多的wifi，清除一个就好了。4、不要用网络还原，那样会清除所有的Wifi记录，你回到某个Wifi环境时都会重新输入密码；5.看看能不能上qq，如果能上qq的话，就是dsn服务器的问题。DNS设置设成61.139.2.69试试。不行的话，用笔记本上wifi肯定没问题吧，点开链接看笔记本的DNS首选服务器是多少。然后将苹果设备的 DNS服务器和笔记本的DNS服务器设置成一个。设置路径：点击设置－－wifi－－网络－－wifi－－选择一个可用的网络tp-link－－选择无线后面的蓝色圈里有个大于号的东西－－进入后手动输入DNS服务器！
喜欢这文章可以分享给您的朋友哦
最近很多朋友问下载吧小编为什么我的苹果手机更新/下载不了app store中的...
可能你觉得小编这款教程对于平时我们使用苹果手机通话没什么大作用，但是...
目前ios10 beta1版是苹果ios10的版本，很多用户想iPhone6、iPhone6s plu...
iPhone6s连接电脑当然还是使用itunes，对于itunes更多功能你要及时更新你...
苹果设备提示unable to download app是什么意思？苹果设备提示unable to...
最近很多朋友问下载吧小编为什么我的苹果手机更新/下载不了app store中的...
可能你觉得小编这款教程对于平时我们使用苹果手机通话没什么大作用，但是...
目前ios10 beta1版是苹果ios10的版本，很多用户想iPhone6、iPhone6s plu...
iPhone6s连接电脑当然还是使用itunes，对于itunes更多功能你要及时更新你...
苹果设备提示unable to download app是什么意思？苹果设备提示unable to...
我们通过QQ或者微信经常会产生一些语音聊天，对于某些人来说这些语音聊天...
小编带来iPhone不越狱可以虚拟定位吗？iOS10不越狱虚拟定位教程。iOS10发...
小编带来iOS10提示无法安装更新，安装iOS10时出错怎么办。在iOS10系统一...
很多苹果用户都会反映iPhone用电快，但是身为用户也是要好好的保养电池寿...
小编带来iPhone7不能下载应用怎么办？iPhone7下载不了app解决方法。iPho...求助用iphone的老铁们 用苹果手机自带的浏览器打开网页显示不全 比如说打开教务系统的课表都显示不全【云南财经大学中华职业学院吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：33,676贴子：
求助用iphone的老铁们 用收藏
求助用iphone的老铁们 用苹果手机自带的浏览器打开网页显示不全 比如说打开教务系统的课表都显示不全 不能显示最下面的课程 是怎么回事？怎么解决？
没试过 下一个浏览器呗
我直接用百度咯
Safari 里面的百度不行吗
两年都没拉下去过
同样情况，用的UC浏览器
下个手机360浏览器
我的也是… 你可以选择用电脑看
Safari浏览器中选择加入阅读列表
iOS bug 我的也这样
我觉得这个是苹果的弊端吧，只能强行用电脑选课
登录百度帐号}