移动Web开发及百度富文本 UE、UM添加的文章内容图片不适应手机屏幕显示问题

最新推荐文章于 2022-05-31 09:06:22 发布

等一场春雨

最新推荐文章于 2022-05-31 09:06:22 发布

阅读量601

点赞数

分类专栏： web 文章标签： web

本文链接：https://blog.csdn.net/WithCYwind/article/details/95448079

版权

web 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

以下是用的微信的JS 最后完美实现屏幕尺寸响应式完美解决

<!DOCTYPE html>
<html lang="zh-cmn-Hans" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="referrer" content="no-referrer" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
    <title>详情</title>
    <link rel="stylesheet" th:href="@{https://res.wx.qq.com/open/libs/weui/2.0.1/weui.min.css}">
</head>
<body ontouchstart>
<article class="weui-article">
    <h1 th:text="${news.title}"></h1>
    <section>
        <!--<h2 class="title" th:text="'作者：'+${news.author}"></h2>-->
        <section>
            <img th:src="${news.coverImg}" />
            <p th:utext="${news.content}"></p>
        </section>
    </section>
</article>
<script th:src="@{https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js}"></script>
</body>
</html>