本篇教程介绍了HTML+CSS入门 移动端页面字体在微信被放大导致排版错乱如何解决,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门。

<

微信调整了字体大小会放大网页的字体,导致排版混乱。通过设置可以禁止网页字体被放大:

@RenderBody()

(function () {

if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {

handleFontSize();

} else {

if (document.addEventListener) {

document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);

} else if (document.attachEvent) {

document.attachEvent("WeixinJSBridgeReady", handleFontSize);

document.attachEvent("onWeixinJSBridgeReady", handleFontSize);

}

}

function handleFontSize() {

WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize': 0 });

WeixinJSBridge.on('menu:setfont', function () {

WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize': 0 });

});

}

})();

@RenderBody()请忽略

这样网页就没问题了,至少目前看来。

本文由职坐标整理发布,欢迎关注职坐标WEB前端HTML/CSS频道,获取更多HTML/CSS知识!

打印html时字号不对,HTML+CSS入门 移动端页面字体在微信被放大导致排版错乱如何解决...相关推荐

  1. 打印html时字号不对,打印HTML时收据打印机上的字体大小

    我们有两台Epson TMU 220(USB)打印机,并尝试从两个不同的客户端进行打印.一个是Ubuntu客户端,另一个是Windows客户端.使用PHP,在Ubuntu中我将纯文本回显到/ dev ...

  2. html 英文字号,HTML,CSS,font-family:中文字体的英文名称 (宋体 微软雅黑)

    宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 Ming ...

  3. 设计插画工具_5个强大的设计师插画工具

    设计插画工具 As Product Designers, most likely, we have come across illustrative work. Visual design is on ...

  4. php 设置中文字体,css设置不了中文字体怎么办

    css设置不了中文字体是因为编码问题导致的,其解决办法就是保持css编码和页面编码统一,或者在css设置字体时,采用英文单词形式即可. 本教程操作环境:windows7系统.HTML5&&am ...

  5. 前端HTML与CSS入门-一份媲美黑马培训班2万学费的知识干货

    前端HTML与CSS入门&移动端布局-媲美黑马培训班2万学费的知识干货 作者 | 苏察哈尔灿 声明 | 原创作品 转载需注明出处,并附跳转链接. 寄语| 愿我们一马平川 ,我的江湖有酒 ,有诗 ...

  6. html 自定义打印模板,HTML+CSS入门 自定义模板详解

    本篇教程介绍了HTML+CSS入门 自定义模板详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门.< 首先总的stylecss和大模板都是当初angel_Kitty学姐的,嗯, ...

  7. html css入门经典 pdf,CSS入门经典

    <CSS入门经典>是2008年清华大学出版社出版的图书,作者是(美国)(RichardYork)约克.[1] 书    名 CSS入门经典 作    者 (美国)(RichardYork) ...

  8. CSS入门学习笔记+案例(1)

    CSS入门学习 一.CSS简介 1.什么是CSS CSS:Cascading Style Sheet 层叠样式表 是一组样式设置的规则,用于控制页面的外观样式 2.为什么使用CSS 实现内容与样式的分 ...

  9. CSS入门学习笔记(案例+详解)

    CSS入门学习笔记 一.CSS简介 1.什么是CSS? 2.为什么使用CSS? 3.CSS的作用 二.CSS语法 1.CSS基础语法 2.CSS注释语法 3.CSS应用方法 三.CSS选择器 1.元素 ...

最新文章

  1. 「每周CV论文推荐」 初学深度学习活体与伪造人脸检测必读的文章
  2. Android简单手势滑动的识别
  3. 和cnn结合_写给小白的R-CNN介绍
  4. 十个习惯让你精通新的开发技术
  5. linux 下搭建yolov3错误,Ubuntu20.04+cuda11.1+yolo3 目标检测 深度学习系统 真正从0搭建 包含各类可能遇到的错误...
  6. 【Java基础】 JQuery的常用操作
  7. pandas的自带数据集_pandas.DataFrame.sample随机抽样
  8. python自动复制,Python数组自动相互复制
  9. 2016CCF-CCSP竞赛:第1题-虚拟机设计(共3题)
  10. react替换元素节点_React万字长文面试题梳理
  11. 虚拟机安装MySQL教程
  12. 计算机tpu定义,tpu材料
  13. Python三大神器之Virtualenv
  14. 技嘉ide模式怎么改,电脑BIOS中怎么设置硬盘为IDE模式
  15. 2020网赚模式不再亮眼,中小开发者如何在红海竞争中活下去?
  16. 华夏出入口车牌识别摄像机
  17. gentoo php,Gentoo安装php7
  18. 快鲸公寓管理系统:职业房东、公寓运营商的共同选择
  19. 在CorelDRAW 2019创建对称绘图模式
  20. 网页中视频内容自动播放

热门文章

  1. FluentMybatis 连接不同数据源
  2. 【S5P6818】6818开发板简介
  3. 爬取公众号全部文章,就是这么简单 |Selenium自动化
  4. 应用发布——发布应用程序到360手机助手
  5. fastposter v2.8.4 发布 电商海报生成器
  6. FPGA拨码开关控制流水灯(VHDL)
  7. Hulu新剧预告|女版乔布斯上演《辍学生》
  8. java mongodb id_Java访问MongoDB数据库生成的ID
  9. 欧国联 18/19 冰岛 vs 瑞士 分析
  10. 谷歌搜索技巧Google Search Tips