关于webView的scalesPageToFit 属性

用web view做了个gif,效果如下:

关于webView的scalesPageToFit 属性_第1张图片

本以为是frame 作祟,于是各种约束加上,还是一样~不知所措的时候,才想起来,这是webview,内容太大的话会跑到屏幕外,于是,想起了scalesPageToFit属性,加上试试呗~效果如下:

关于webView的scalesPageToFit 属性_第2张图片

嗯,要的就是这效果!

默认情况下UIWebView加载HTML页面后,会以页面的原始大小进行显示,亦即如果页面的大小超出UIWebView视口大小,UIWebView会出现滚动效果,而且用户只能通过滚动页面来查看不同区域的内容,不能使用手指的捏合手势来放大或缩小页面,设置scalesPageToFit为yes之后,缩放HTML页面来适配其视口大小,从而达到整屏显示内容的效果,并且用户可以用捏合动作来放大或缩小页面来查看内容。

也就是说,html里图片很大的,会按照比例压缩成webview的宽度,居中显示,小于屏幕宽度的,一样居中,大小不变。而文字则会变大,左右对齐格式不变。

你可能感兴趣的:(关于webView的scalesPageToFit 属性)