现在加载和缩放都可以,但缩放后页面放大了,浏览器出现了横向滚动条,原来一行显示20个字,现在还是20个字。
我需要实现的效果是:页面放大一倍后,一行原来显示20个字,现在应该只显示10个字,不要出现横向滚动条。
这个需要从哪方面入手,是webview设置就可以实现呢,还是 html5 前端来实现,还是必须两者结合才能实现?
希望得到指点并给出核心代码。
//WebView 设置是这样的: var web1 = FindViewById<WebView>(Resource.Id.web1); web1.SetWebChromeClient(new WebChromeClient()); web1.Settings.JavaScriptCanOpenWindowsAutomatically = true; web1.Settings.JavaScriptEnabled = true; web1.SetWebViewClient(new JavaScriptWebViewClient()); web1.Settings.SetSupportZoom(true); web1.Settings.JavaScriptCanOpenWindowsAutomatically = true; web1.Settings.BuiltInZoomControls = true; web1.Settings.UseWideViewPort = true; web1.Settings.LoadWithOverviewMode = true;
https://www.cnblogs.com/nanfei/p/9214604.html
通过WebView的触摸事件,自动进行缩放判断并控制字体大小,多次调试后现在很稳定。
生成的html代码是本地资源,所以我通过设置body.fontSize来实现。不算是通用方案,但对我来说实现简单,稳定可靠。
https://www.cnblogs.com/Immortal-brother/p/7699436.html
试试这个?
不行的话貌似通过JS加载css也能实现
问题解决,来者有分。
以我肤浅的认知,html 前端可以实现,类似于web页面适配屏幕尺寸。
问题解决,来者有分。