Android:根据手机的当前设置更改WebView的字体大小和字体样式 - 腾讯云开发者社区

文章/答案/技术大牛

发布

android全局更改字体大小遇到的一些坑

前言最近app想控制全局字体大小，于是想用改变fontScale的方式来动态改变字体的大小。遇到一些坑，特此记录。...以后想接受全局字体设置的就继承BaseActivity。...Configuration config = res.getConfiguration(); config.fontScale = getTextScale();//1 设置正常字体大小的倍数...float text_scale = sp.getFloat("text_scale", 1.0f); return text_scale; } ---- 编写改变字体大小的方法...注释掉的和下面的是两种刷新方法，但是注释掉的不建议用，下面的虽然麻烦，但是灵活。

3.6K2 0

Android 解决系统字体大小设置引起的布局混乱问题

解决方法在 activity 内重写getResources方法(Fragment中的界面也会生效)，如此在 xml 和 java 代码使用 sp 字体单位都是正常的。...Java写法 /** * 设置 app 字体不随系统字体设置改变 */ @Override public Resources getResources() { Resources res = super.getResources...网上很多地方写着使用config.setToDefaults();，实际上除了影响 app 内字体大小，还会影响很多地方的属性值。...SMALLEST_SCREEN_WIDTH_DP_UNDEFINED; densityDpi = DENSITY_DPI_UNDEFINED; seq = 0; } 因此，我们只需要把fontScale属性值设置成默认值

2.4K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

解决因为手机设置字体大小导致h5页面在webview中变形的BUG

解决因为手机设置字体大小导致h5页面在webview中变形的BUG 首先，我们做了一个H5页面，在各种手机浏览器中打开都没问题。...我很希望能够告诉你，赶紧来看我这篇博文，因为，你现在经历的一切，我TM刚刚经历过~~ 好，你怎么也不会想到是手机设置字体大小造成的。...因为默认浏览器中的内容是不受系统字体大小设置控制的，至少我遇到的几台手机都是这样的情况。但是APP不一样，APP是受那个玩意儿控制的！！...问题描述清楚了，出现这个问题，有以下因素你的页面采用了rem单位，并且是采用js动态计算html的font-size 你的页面被加在了APP中的webview中这该死的手机被重设了字体大小解决方法...我的默认设置是给 html 设置字体大小为 100px

7.9K7 1

如何设置属于你的Matlab的字体大小和颜色？

1、点击[预设] 2、点击[字体] 3、点击[自定义] 4、点击[命令行窗口] 5、点击[自定义] 6、点击[9] 7、点击[8] 8、点击[颜色] 9、点击[使用系统颜色] 10、

10.1K2 0

Android AlertDialog修改标题、内容、按钮的字体大小和字体颜色

“字体要大、颜色要鲜艳”，这话听着熟悉吧，在日常开发中，往往因为业务的不同、受众群体的特殊，可能需要我们做出特殊的处理。今天是对原生AlertDialog做一些大小和颜色的修改。...诶，这里的代码看起来是不是很熟悉了，跟平常的从xml文件获取控件然后设置属性一样的嘛。...和mMessageView，然后就可以设置大小和颜色了。....setNegativeButton("取消", null) .show(); /修改确定取消按钮的字体大小...message对象，然后设置颜色和大小。

6.6K3 0

Pycharm—-设置背景颜色和字体的样式「建议收藏」

大家好，又见面了，我是你们的朋友全栈君。...编辑器默认显示的样式背景为白色，看着会刺眼，也不方便查找我们写的某些参数等，通过设定，可以对页面的样式进行选择更改，方便直观的在编辑器中查看自己所写的代码，设置前：设置后操作方式：转载于

2.9K4 0

Android WebView 踩坑日记，字体怎么突然变小了？？？

规则，否则可能显示不正常 html 如果是自己拼接的，需要注意适配规则，像个人签名这种，用 webView 承载自己拼接的 html ，防止踩坑 WebView 字体常见的其他坑手机设置字体大小导致...h5页面在webview中变形出现这个问题的原因是默认浏览器中的内容是不受系统字体大小设置控制的，至少我遇到的几台手机都是这样的情况。...某些机型 WebView 字体的大小是受手机系统字体大小控制的问题解决方案来自这篇文章：blog.csdn.net/FungLeo/art… 这个通常有两种解决方案。...但是，我们现在知道了，我们设置的大小不一定是真实的大小，所以，我们需要在设置完字体大小之后，再去重新获取一下html的font-size，看看实际的这个值，和我们设置的是不是一样。...如果不一样，就要根据比例再设置一次。

2.7K2 0

项目需求讨论 - HyBrid 模式需求改造

2.Spinner下拉框中的布局，也就是我点了Spinner后，出现的让你选择的界面的每个item的样式很简单，也就是Spinner.setAdapter中的adapter的布局设置为我们自己的布局就可以了...我们就要设置我们选好后的字体的颜色值，或者是字体大小怎么办。解决方法：这个选好后显示结果的其实是个TextView。...8个之多，我们肯定就希望是滚动的，不是挤在一个屏幕：大家都知道，让TabLayout实现需求1和需求2，我们只要设置TabLayout的Mode分比为：TabLayout.MODE_FIXED 和TabLayout.MODE_SCROLLABLE...再和整个屏幕的宽度进行比较，如果比屏幕宽度小，就设为TabLayout.MODE_FIXED,如果比手机屏幕宽度大就设为TabLayout.MODE_SCROLLABLE。...首先我们应该知道安卓手机显示网页用的是webview控件。

1.1K1 0

Android WebView常见问题

（老规矩最后有源码）前言于 Android P （9.0）限制了明文流量的网络请求，非加密的流量请求都会被系统禁止掉，所以如果访问没有https协议的网站默认不不可以访问的。...(true); // 设置默认字体大小 webSettings.setDefaultFontSize(12); web_view.loadUrl(weburl...1.ERR_CLEARTEXT_NOT_PERMITTED 原因：于 Android P （9.0）限制了明文流量的网络请求，非加密的流量请求都会被系统禁止掉，所以如果访问没有https协议的网站默认不不可以访问的...(true); // 设置默认字体大小 webSettings.setDefaultFontSize(12); web_view.loadUrl(weburl..." android:layout_height="match_parent" tools:context=".WebActivity"> WebView android:id=

1.1K1 0

移动Web 开发中的一些前端知识收集汇总

--不让android识别邮箱--> 自定义主屏上的图标用户添加到主屏后，如果网站没有图标，则默认主屏上的图标为当前网页的截图，你可以通过下面的代码指定在普通和retina屏幕上的icon： <link...添加初始化图片用户点击你桌面上的webapp的图标后，打开会加载浏览器（实际上是webkit webview模块），然后下载、解析、渲染，在这个过程中，ios允许我们使用一个初始化图片来替代白色的浏览器屏幕...关闭iOS中键盘自动大写、自动更正、自动完成在iOS中，当虚拟键盘弹出时，默认情况下键盘是开启首字母大写的功能的，根据某些业务场景，可能我们需要关闭这个功能，移动版本webkit为input元素提供了...默认的按钮样式在iOS 中，默认会将所有的按钮（input）强制加上一个圆角和渐变样式（IOS7的不知是怎样的了），要移除这个默认样式，用下面的代码（建议直接reset那里添加）： input{-webkit-appearance...:none;outline:none;} iOS 浏览器横屏时会重置字体大小的问题 iOS 浏览器横屏时会重置字体大小，设置 text-size-adjust 为 none 可以解决ios上的问题，但桌面版

5.2K5 0

【总结】移动应用界面设计的尺寸设置及规范

刚接触移动应用的界面设计，最先跳入脑海的疑问是：画布尺寸设计多大（特别是Android）、图标和字体大小怎么定、需要设计多套设计稿么、如何切图以配合开发的实现？...px （1280-50-96-96=1038） Android最近出的手机都几乎去掉了实体键，把功能键移到了屏幕中，高度也和菜单栏一样为：96 px 4、图标和字体大小（来自官方规范文档） a、启动图标...作为对照，正文样式在大字号下使用 34 点字体大小作为默认文字大小设置。 – 通常来说，每一档文字大小设置的字体大小和行间距的差异是 2 点。...例外情况是两个标题样式，在最小、小和中等设置时都使用相同字体大小、行间距和字间距。 – 在最小的三种文字大小中，字间距相对宽阔；在最大的三种文字大小中，字间距相对紧密。...– 标题和正文样式使用一样的字体大小。为了将其和正文样式区分，标题样式使用加粗效果。 – 导航控制器中的文字使用和大号的正文样式文字大小（明确来说，是 34 点）。

5.2K4 0

移动应用界面设计的尺寸规范「建议收藏」

大家好，又见面了，我是你们的朋友全栈君。移动应用的界面设计画布尺寸设计多大（特别是Android）、图标和字体大小怎么定、需要设计多套设计稿么、如何切图以配合开发的实现？...：1038 px（1280-50-96-96=1038） Android最近出的手机都几乎去掉了实体键，把功能键移到了屏幕中，高度也和菜单栏一样为：96 px 4、图标和字体大小（来自官方规范文档）...作为对照，正文样式在大字号下使用 34 点字体大小作为默认文字大小设置。 – 通常来说，每一档文字大小设置的字体大小和行间距的差异是 2 点。...例外情况是两个标题样式，在最小、小和中等设置时都使用相同字体大小、行间距和字间距。 – 在最小的三种文字大小中，字间距相对宽阔；在最大的三种文字大小中，字间距相对紧密。...– 标题和正文样式使用一样的字体大小。为了将其和正文样式区分，标题样式使用加粗效果。 – 导航控制器中的文字使用和大号的正文样式文字大小（明确来说，是 34 点）。

8.5K2 0

rem适配布局

使用 @media查询,可以针对不同的媒体类型定义不同的样式 @media 可以针对不同的屏幕尺寸设置不同的样式当你重置浏览器大小的过程中 ,页面也会根据浏览器的宽度和高度重新渲染页面...目前针对很多苹果手机、 Android手机 ,平板等设备都用得到多媒体查询 2.2语法规范 @media mediatype and | not lonly (media feature) { 　　...页面元素可以设置不同大小尺寸，媒体查询可以根据不同设备宽度来修改样式媒体查询+ rem就可以实现不同设备宽度,实现页面元素大小的动态变化 2.4引入资源(理解) 当样式比较繁多的时候,我们可以针对不同的媒体使用不同...2.使用媒体查询根据不同设备按比例设置html的字体大小，然后页面元素使用rem做尺寸单位，当html字体大小变化，元素尺寸也会发生变化，从而达到等比缩放的适配。...当屏幕大于750的时候会自动根据当前屏幕的尺寸来划分，html元素大小就会随之变大所以要通过媒体查询设置屏幕大于750时html元素的尺寸大小，并且要把权重提到最高安装VSCode px 转换rem

2.5K3 0

Android webView打开网页

(100); -> 设置文本缩放的百分比 webSettings.setMinimumFontSize(8); -> 设置文本字体的最小值(1~72)webSettings.setDefaultFontSize...shouldOverrideUrlLoading()：WebView加载url默认会调用系统的浏览器，通过重写该方法，实现在当前应用内完成页面加载。...onScaleChanged()：页面的缩放比例发生变化时调用，这时候可以根据当前的缩放比例来重新调整WebView中显示的内容，如修改字体大小、图片大小等。...//方式3：加载手机sdcard上的html页面 webView.loadUrl("content://com.ansen.webview/sdcard/test.html"); //方式4 使用...(); webView=null; } } onCreate 查找控件，给webView设置加载url，添加js监听，监听的名称是”android”,设置webChromeClient

4K2 0

Android 关于WebView全方面的使用（项目应用篇）

1、关于WebView的使用： ****与JS交互**** 拨打电话、发送短信、发送邮件上传图片(版本兼容) 进度条设置字体大小设置返回网页上一层、显示网页标题全屏播放网络视频 ?...4.2 与JS交互相信大家已经看到了上面"----点击了图片"的Toast，这里需要先给WebView设置JavascriptInterface： webView.addJavascriptInterface...，遍历所有的img节点， // 并添加onclick函数，函数的功能是在图片点击的时候调用本地java接口并传递对应src和has_link里的值过去 webView.loadUrl...4.3 字体大小设置 /** 设置字体默认缩放大小(改变网页字体大小,setTextSize api14被弃用)*/ ws.setTextZoom(100); 其中100为默认缩放比，通过设置缩放比来控制字体大小...与AndroidManifest.xml同级视频播放宽度比webview设置的宽度大，超过屏幕：设置ws.setLoadWithOverviewMode(false); onDestroy时的清除资源操作

2K4 0

Android WebView全面总结

基本设置上面的java代码部分相信大家都懂，可以看到WebView 和其他控件不同的地方在于其属性设置是调用mWebView.getSettings()来完成的，不知道谷歌这样设计的用意，其中： mWebView.getSettings...mWebView.getSettings().setDefaultFontSize(18); 设置默认的字体大小，默认为16，有效值区间在1-72之间。...android的bug，用一个外围的layout包含webview，可以有所改进，但不能完全解决。...其实正确的做法是在webView的加载的css中增加padding,没必要为了padding而更改xml布局文件。...:scrollbarStyle控制滚动条位置 WebView有一个设置滚动条位置的属性：android:scrollbarStyle 可以是insideOverlay可以是outsideOverlay，

3.2K8 0

微信iOS多设备多字体适配方案总结

为了满足不同用户的需求，我们做了全局字体设置功能，在【设置-通用-字体大小】这里修改设置后，微信大部分界面都会随之缩放。 ?...读取配置文件时，先读默认配置（iphone5），然后根据当前机型再读取单独的配置（如果是ipad就读ipad的配置，如果是iphone5就不用再读了）。...label_font: 16 bold dynamic; 指定字体大小，并为粗体，同样根据字体设置动态放大。...幸好微信里的webview阅读90%都是公众号文章，这些页面样式相对统一，而且是微信团队可控的。...，如果用户手动修改webview的字体大小，会用webkitTextSizeAdjust修改。

5K8 1

移动开发实用

移动端字体单位font-size选择px还是rem，对于只需要适配手机设备，使用px即可，对于需要适配各种移动设备，使用rem，例如：只需要适配iPhone和iPad等分辨率差别比较挺大的设备 rem...zoom)的方案，比如你在手机上用浏览器打开一个PC上的网页，你可能在看到页面内容虽然可以撑满整个屏幕，但是字体、图片都很小看不清，此时可以快速双击屏幕上的某一部分，你就能看清该部分放大后的内容，再次双击后能回到原始状态...1/2，例如视觉稿40px的字体，使用样式的写法为20px .css{font-size:20px} 参考《高清显示屏原理及设计方案》 ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉 ios用户点击一个链接...值普通解决方案： android暂无方案 ios使用-webkit-text-size-adjust禁止调整字体大小 body{-webkit-text-size-adjust: 100%!...4.x bug 三星 Galaxy S4中自带浏览器不支持border-radius缩写同时设置border-radius和背景色的时候，背景色会溢出到圆角以外部分部分手机(如三星)，a链接支持鼠标

9.1K3 0

之设置字体大小与样式

前言 CSDN 地址：http://blog.csdn.net/xiangyong_1521/article/details/77726549 使用android studio第一步肯定就是设置字体大小了...，惯用了eclipse，第一次看到AS界面还是很MB的，慢慢来吧，直接上教程： ---- 初始界面： ?...更改后界面： ? ---- 目录更改代码字体大小更改界面字体大小及样式一.更改代码字体大小 File > Settings ?...新建好了个人设置后即可调整字体了。 ? 二.更改界面字体大小及样式同样在Settings界面 > Appearance & Behavior > Appearance ? ----

5.7K5 0

Android Studio 和 SDK 下载、安装和环境变量配置

，让你可以直接在电脑上运行开发出的APP 这里没有勾选，也建议不要勾选，测试APP的话，直接在真机（一部安卓手机）上测试更好，因为官方出的这个安卓虚拟设备，在电脑上运行很慢，即便你没有一部安卓手机，也可以选择其他的安卓模拟器...，运行速度都比这个快（3）选择 I Agree （4）这是Android Studio 和 SDK 的默认安装路径（5）这里分别改成：D:\Android\Android Studio...这里的路径是：D:\Android\Android Studio\bin 使用记事本或其他编辑器，打开这个文件，更改 disable.android.first.run 的值等于true, 即disable.android.first.run...=true 如果没有则直接添加（15）直接 Next （16）这里选择 Custom 自定义（17）这里选择Darcula主题，护眼（18）更改Android SDK的路径为上面已经设置过的路径...（2）选择 Settings （3）配置界面一览：（4）先修改一下字体大小，因为默认字体实在太小了点击Save As，然后才能开始修改字体大小 Size，改成16就好了（至于字体样式看个人习惯

2.9K2 0

点击加载更多

android全局更改字体大小遇到的一些坑

Android 解决系统字体大小设置引起的布局混乱问题

解决因为手机设置字体大小导致h5页面在webview中变形的BUG

如何设置属于你的Matlab的字体大小和颜色？

Android AlertDialog修改标题、内容、按钮的字体大小和字体颜色

Pycharm—-设置背景颜色和字体的样式「建议收藏」

Android WebView 踩坑日记，字体怎么突然变小了？？？

项目需求讨论 - HyBrid 模式需求改造

Android WebView常见问题

移动Web 开发中的一些前端知识收集汇总

【总结】移动应用界面设计的尺寸设置及规范

移动应用界面设计的尺寸规范「建议收藏」

rem适配布局

Android webView打开网页

Android 关于WebView全方面的使用（项目应用篇）

Android WebView全面总结

微信iOS多设备多字体适配方案总结

移动开发实用

之设置字体大小与样式

Android Studio 和 SDK 下载、安装和环境变量配置

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐