改变 html 代码块 的字体大小

副文本字体大小


今天一个需求,来改变富文本中的字体大小,我的思路是,拿到后台数据,更改 font-size 的值大小,话不多说,看代码…

//修改字体大小
    private String subRangeString(String body, String str1, String str2, int size) {
        int index1 = body.indexOf(str1);
        if (index1 != -1) {
            int index2 = body.indexOf(str2, index1);
            if (index2 != -1) {
                //                    Log.e("Tag", "下标1为:" + index1 + "  下标2为:" + index2);
                //                    String str3 = body.substring(0, index1) + body.substring(index2 + str2.length(), body.length());
                body = body.replaceAll(body.substring(index1, index2), "font-size:" + size);
                //                    Log.e("Tag", "str3为:" + str3);
                return body;
            } else {
                return body;
            }
        } else {
            return body;
        }
    }

问题一:字体大小改变后,webview 的高度没有重新绘制问题。。

mWebView.setWebViewClient(new WebViewClient() {

            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                ViewGroup.LayoutParams layoutParams = mWebView.getLayoutParams();
                layoutParams.height = 0;
                mWebView.setLayoutParams(layoutParams);
            }

            @Override
            public void onPageFinished(WebView view, String url) {
                ViewGroup.LayoutParams layoutParams = mWebView.getLayoutParams();
                layoutParams.height = WebView.LayoutParams.WRAP_CONTENT;
                mWebView.setLayoutParams(layoutParams);
            }
        });

这样 webview 就可以根据自身的变化来自适应自身的高度了。。

如果对你有所帮助,点个赞,留下你的脚印吧。。。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 在 layui 中,可以通过修改全局样式中的 font-size 属性来改变字体大小。具体操作如下: 1. 打开 layui.css 文件; 2. 找到以下代码块: ``` html, body { font-size: 14px; line-height: 1.6; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } ``` 3. 修改 font-size 的值即可改变字体大小,例如将其改为 16px: ``` html, body { font-size: 16px; line-height: 1.6; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } ``` 4. 保存并刷新页面查看效果。 ### 回答2: layui 是一个轻量级的前端框架,其中包含了一系列的 UI 组件和封装好的模块,以便于开发者快速构建出美观、交互流畅的界面。 在 layui 中,字体大小可以通过 CSS 来进行设置。在 layui 默认的样式文件中,会有一些预设的字体大小类名,分别是 "layui-font-xs"、"layui-font-sm"、"layui-font-md"、"layui-font-lg" 和 "layui-font-xl"。 这些类名对应的字体大小分别是: - "layui-font-xs" 对应的是比较小的字体尺寸,适合在较小的元素或者辅助性文字上使用; - "layui-font-sm" 对应的是稍微大一点的字体尺寸,可以用于段落的正文内容; - "layui-font-md" 对应的是中等大小字体尺寸,可以用于标题、重要提示等; - "layui-font-lg" 对应的是比较大的字体尺寸,适合突出显示的重要文字; - "layui-font-xl" 对应的是最大的字体尺寸,适合用于特殊的突出文字或者标题。 要使用这些字体大小类名,只需要在 HTML 元素上添加对应的 class 即可,例如: ``` <p class="layui-font-sm">这是一段正文内容。</p> <h1 class="layui-font-lg">这是一个大标题</h1> <span class="layui-font-xs">这是一个小提示。</span> ``` 此外,layui 还提供了更多的自定义样式设置选项,开发者可以通过修改或者扩展 CSS 文件来实现更多的字体大小样式调整。需要注意的是,一旦对 layui 默认样式进行了修改,可能会影响到整个页面的布局和样式,因此建议谨慎修改默认样式,以避免不必要的问题。 ### 回答3: Layui 是一款基于流行的Web前端框架,具有简单易用、灵活、轻量级的特点。在Layui中,字体大小可以通过CSS样式来控制和设置。 在Layui中,字体大小可以通过修改CSS类或直接在HTML的标签上设置来实现。我们可以使用Layui提供的CSS类去调整字体大小,例如:layfont-12、layfont-14、layfont-16等等。这些CSS类可以应用于需要调整字体大小的元素上,如标题、正文、按钮等。 除了使用Layui提供的CSS类,我们还可以直接在HTML标签上设置字体大小来实现调整。可以通过设置"style"属性的"font-size"属性来指定字体大小,例如:<div style="font-size: 14px;">我是内容</div>,其中14px表示字体大小为14像素。 此外,Layui还提供了一些全局的设置来调整整体字体大小。可以通过修改Layui的配置文件或者通过JavaScript代码来实现。具体来说,可以修改layadmin.css文件中的相关样式,并重新引入修改后的CSS文件。或者使用JavaScript代码设置全局字体大小,例如:layui.use('element', function () { $('.layui-layer').css('font-size', '16px'); }),其中16px表示设置字体大小为16像素。 总而言之,Layui中的字体大小可以通过修改CSS样式类、直接在标签上设置、修改配置文件或使用JavaScript代码来实现。这样我们可以根据实际需要调整和控制页面中的字体大小,以适应不同的展示效果和用户需求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值