关于webView页面显示问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于webView页面显示问题相关的知识,希望对你有一定的参考价值。

一般来说,我们在webView上面加载了一个链接后,要想适应手机的屏幕,可以用ScalesToFit这个方法。。。。

但也不是,你加载的任何页面,用这个方法都可以完全好使,今天就碰到了。。。然后去webView的库文件里面去找了一个解决方法:

下面这些属性是ios7之后才有的,通过他们可以设置更加有趣的web体验

@property (nonatomic)UIWebPaginationMode paginationModeNS_AVAILABLE_IOS(7_0);

    typedef NS_ENUM(NSInteger, UIWebPaginationMode) {
        UIWebPaginationModeUnpaginated,//不使用翻页效果
        UIWebPaginationModeLeftToRight,//将网页超出部分分页,从左向右进行翻页
        UIWebPaginationModeTopToBottom,//将网页超出部分分页,从上向下进行翻页
        UIWebPaginationModeBottomToTop,//将网页超出部分分页,从下向上进行翻页
        UIWebPaginationModeRightToLeft//将网页超出部分分页,从右向左进行翻页
    };

没错,当你设置了ScalesToFit这个属性为YES后,如果页面还是没能适应你当前手机屏幕大小,你需要设置上面中的某个属性(取决于你的要求,一般都设置UIWebPaginationModeTopToBottom为YES)。

那么问题来了,为什么会出现这种情况呢???

原因就是,你加载的那个页面,它是有翻页这个功能的,你如果只设置ScalesToFit而不设置超出部分分页以及翻页效果的话,计算机便会不知道怎样去处理这个情况,毕竟是计算机啊 ,哈哈哈

ps:(慢慢积累,不断学习中。。。。。。。。。。。。。。。)







以上是关于关于webView页面显示问题的主要内容,如果未能解决你的问题,请参考以下文章

关于清理webview缓存问题

react-native 页面使用WebView布满整个页面,导航栏不显示问题

react-native 页面使用WebView布满整个页面,导航栏不显示问题

如何获取在webview中显示的html页面的整个内容文本

查看 Android WebView 是不是显示缓存页面

iOS webview_flutter 可以正常显示页面但不表示弹出框?