Text Autosizer&&解决移动端网页文本字体怪异增大问题

在做移动端页面时,有时你设置了字体大小,有的部分即使设置了行内样式也不生效,而有些显示正常,这个特性就是Text Autosizer在搞鬼。

以下是解决方案:

①给元素设置 -webkit-text-size-adjust: none;可禁用Text Autosizer,这个属性还能使得我们在移动端使用小于12px的字体。此属性在桌面版中无效。

②设置最大高度 max-height: 999999px;

总结来源:https://segmentfault.com/a/1190000007177666    http://www.mamicode.com/info-detail-1439179.html

时间: 2024-10-05 10:54:07

Text Autosizer&&解决移动端网页文本字体怪异增大问题的相关文章

HTML5和HLS协议两种技术完美结合解决移动端网页播放问题

什么是HTML5 我们需要先了解一下HTML是什么.HTML的英文全称为Hyper Text Markup Language,即超文本标记语言.HTML5是HTML的一个新版本.HTML 不是一种编程语言,而是一种标记语言 (markup language).HTML5是对 HTML 标准的第五次修订. 其主要的目标是将互联网语义化,以便更好地被人类和机器阅读,并同时提供更好地支持各种媒体的嵌入.HTML5的设计目的是为了在移动设备上支持多媒体.新的语法特征被引进以支持这一点,如video.au

移动端网页布局中需要注意事项以及解决方法总结

移动端网页布局中需要注意事项以及解决方法总结,这份对我们在布局移动端网页的时候非常有用! winphone系统a.input标签被点击时产生的半透明灰色背景怎么去掉<meta name="msapplication-tap-highlight" content="no">1.关闭iOS键盘首字母自动大写<input type="text" autocapitalize="off" />2.禁止文本缩放h

解决Ubuntu下Chrome浏览器网页中文字体混乱

在Ubuntu下使用Chrome浏览器时碰到了网页中文字体混乱的现象: 黑体和楷体混杂,看起来非常不美观. 这是由于许多网页并没有指定字体,然后浏览器将调用系统默认字体配置. 首先,安装文泉驿字体: sudo apt-get install ttf-wqy* 编辑字体设置 sudo gedit /etc/fonts/conf.avail/69-language-selector-zh-cn.conf 可以设置字体的优先级,个人比较喜欢文泉驿正黑(WenQuanYi Zen Hei) 最后,重启电

Java企业微信开发_09_身份验证之移动端网页授权(有完整项目源码)

注: 源码已上传github: https://github.com/shirayner/WeiXin_QiYe_Demo 一.本节要点 1.1 授权回调域(可信域名) 在开始使用网页授权之前,需要先设置一下授权回调域.这里瞬间想到之前做JSSDK的时候,也设置过一个域名.二者本质上都是设置可信域名. 当用户授权完毕之后,请求将重定向到此域名(或者子域名)下的执行者(jsp页面或者servlet等).如何设置授权回调域,请见第二节. 1.2 获取Code https://open.weixin.

我给女朋友讲编程CSS系列(3) CSS如何设置字体的类型、大小、颜色,如何使用火狐浏览器的Firebug插件查看网页的字体

一.CSS如何设置字体的类型.大小.颜色 设计网页时,一般设置body的字体,让其他标签继承body的字体,这样设置特别方便,但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体属性的,它们的字体需要单独设置. 1,  新建一个网页a.html,把下面的代码复制进去. <html> <head> <style type="text/css"> body { font-family : 微软雅黑,宋体; font-size : 1

为什么我们还需要网页安全字体(Why We Still Need Web-safe Fonts)

在网页发展的初期, 是没有一种标准的字体可以完全的实现跨平台. 但是会有一些常用的字体像 Arial, Helvetica 和 New Roman 会被安装在大多数的个人电脑中, 这些流行的系统字体就被称为 网页安全字体. 要在网页设计的实例中坚持使用它们 但是现在发生了一些改变, 使用网络字体才是安全的. 网络字体是一种通过@font-face去加载显示远程字体的一种技术, 这给我们带来创造性的自由和更加广泛的字体选择 @font-face 规则已经存在了近13年之久 最早在IE5.5中出现并

HTML学习笔记(三)设计网页文本内容

标题文字标记<h>,在该语法中1级标题使用最大的字号表示,6级标题使用的是最小的字号. 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml&quo

移动端网页大小固定区域滚动/overflow:auto移动端不显示滚动条

移动端网页,要实现功能,如图片 初步想法,使用dl 给dl设置固定宽高 然后用overflow:auto设置滚动显示完整内容 碰到问题1:滚动条不显示,但是可以正常滚动, 解决办法 <span style="font-family:Microsoft YaHei;font-size:18px;color:#333333;">/*--滚动条--*/ ::-webkit-scrollbar{ width:5px; height:5px; background-color:#ff

最好用的web端代码文本编辑器ACE

使用足够简单,功能足够强大,体验足够优秀 之前有一个系列文章介绍我在运维系统开发过程中用到的那些顺手的前端插件,总共发了四篇文章介绍了三个非常棒的插件,分别是bootstrap-duallistbox.select2和datatables,今天再更此系列,让好东西让更多的人知道,受益! 本次介绍ace.js,这是一个用JavaScript编写的独立代码编辑器.支持超过120种语言的语法高亮,超过20个不同风格的主题,同时还支持实时语法检查,自定义快捷键绑定,代码折叠,搜索替换,自动缩进等等功能