怎样开启苹果手机的siri,怎样开启苹果手机定位

本文讲述了在苹果设备iPhone的Safari浏览器上遇到CSS兼容问题时,如何使用MacSafari的开发者工具进行排查,发现iPhoneSafari默认宽度为980px,需指定viewport宽度以确保页面在不同设备上正确显示。作者给出了一个具体示例和viewport设置的解决方案。

这篇文章主要介绍了怎样开启苹果手机麦克风权限,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获,下面让小编带着大家一起了解一下。

大家好,小编来为大家解答以下问题,苹果浏览器怎么打开html文件,苹果浏览器java有什么用,今天让我们一起来看看吧!

我们电脑浏览器如果出现CSS兼容问题,现在很好解决,Chrome浏览器自带检查工具,火狐浏览器的FireBug也很好用,Safari、360、 IE、EDGE都有自己的调试工具。他们可以查看html+JS+CSS如何被解释的,如果被解释错了可以看到原因出现在哪Python解释器的安装步骤Deepl降重

a45c38b44b7a7995a64db430e4065dc0.png

但是以上说的都是电脑,如果网站在iPhone上出现了兼容问题,该如何解决呢?下面教大家个方法,需要Mac电脑和iPhone。

以这个网站为例,现象如下:

网站在PC,Mac,安卓手机上均无问题,在iPhone 的 Safari 上出现了黑色背景,只能平铺30%,有的Banner宽度也只有30%。(iPhone6,iPhone6 plus,iPhone5S,iPhone5都有问题,iPhone3GS,还有iPad mini2 无问题)

5ff0aef34c4ef9d624ee4e9c18870fae.png

分析方法:用Mac 的Safari浏览器,菜单中的“开发”,数据线链接iPhone,类似“检查”或firebug之类的方法,在Mac Safari中出现代码样式,在iPhone的Safari中出现选择的区块。这样容易辨别是哪块出现了问题,揭示出什么样的代码,便于查找问题原因。

12ae1afd7026b04780433c515863fb77.png

备注:同样的html+css,在不同设备和不同浏览器上 解释不同,显示效果也不同。

发现DIV显示宽度页面的30%,但是子DIV内容却是100%,显然子没有撑开父DIV,clear both无效。

考虑宽度的问题,网上搜索原因,原来iPhone的Safari默认宽度是980px,需要指定html的viewport宽度,否则会按照默认980px处理。

274bc7490b1a1054482e2d76655b067d.png

解决方案:最简单的方法是在 head 标签中初始化好 viewport,详见下方代码:

假设网页宽度为 960px 或 1080px,可在width中加入该值,并将 initial-scale 设置一个适合的倍数值。

例如一个页面的宽度为 1080px,则设定为:

这样不管加载前后切换横屏还是竖屏,都可以友好显示。

我们用的是:

以上只是一个案例,但是这个方法还是挺重要的,希望对朋友提供帮助。

【责任编辑:51CTO_OS TEL:(010)68476606】

点赞 0

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值