ios11浏览器高级试验性webkit功能怎么设置

1、需要在你的手机的设置窗口中，点击Safari浏览器进入即可。

2、这个时候会d出新的页面，点击继续找到高级并选择跳转。

3、下一步如果没有问题的话，就点击确定浏览按钮。

4、设置试验性webkit功能，就可以完成。

safari浏览器高级选项webkit还原设置步骤为：

1、首先进入Mac苹果电脑系统,打开safari软件,并点击safari打开界面顶部菜单下的偏好设置按钮。

2、点击“通用”按钮,进入后可以完成设置主页、新标签页打开方式、个人收藏显示等功能。

3、点击“扩展”选项卡,进入后可以下载不同的插件或者卸载各种插件。恢复原始设置则需要卸载所有插件。

4、点击“高级”选项卡,设置智能搜索栏、辅助功能即可。

-webkit-text-size-adjust 的本职是用于mobile的 ，见规范 CSS Mobile Text Size Adjustment Module Level 1 和 apple 的 Safari Web Content Guide 。

之所以现在的桌面版webkit浏览器支持他，是因为实际上这是一下bug。 Bug 56543 – CSS property "-webkit-text-size-adjust" means different things in Safari and iOS 这个bug在最新版的 WebKit Nightly Builds 里已经被修复了。 这属性现在的一般用处是防止iPhone在坚屏转向横屏时放大文字（注意，就算viewport设置了 maximum-scale=1.0 文字还是会放大的） 。而且iPhone和iPad的默认设定是不一样的iPhone默认设定 -webkit-text-size-adjust: autoiPad默认设定 -webkit-text-size-adjust: none所以iPad默认是不调节的。此属性还支持百分比，这在当前的桌面版的webkit浏览器是不支持的，所以如果不想让iPhone横坚屏切换的时候调节文字，用 -webkit-text-size-adjust: 100%绝对不能用 -webkit-text-size-adjust: none这会导致仍然支持 -webkit-text-size-adjust: none的桌面版的webkit浏览器无法人为放大文字大小，严重影响可用性。关于如何在chrome里实现小于12px的文字。当然文字缩小到12px以下本来就一定程度影响到可用性了，建议无视chrome的这个特性。硬要实现的话，我想到的一个变通方法是先用js判断是否为chrome （至今还没听说有区分safari 和 chrome 的 css hack ） var isChrome = !!window.chrome再用 -webkit-transform: scale( ) 缩小到合适值。如果你非得要 font-size:10px (使用em单位时方便计算)，你会发现在chrome里最小还是12px，就算你设置了 font-size: 10px-webkit-text-size-adjust: 100%(或 -webkit-text-size-adjust: none)也没用。原因如下：

在新版的chrome中，已经禁止了改属性,建议使用CSS3中的方法: transform:scale(0.875)当使用 transform:scale(0.875) 时不仅是文字变小了，整个文字所在的容器也同时会变小。

---