在Android浏览器下,使用以下几种方式进行字体垂直居中的时候都会导致字体偏上:

  1. 使用line-height 来使字体垂直居中
  2. 使用padding 来使字体垂直居中

本文主要说的是使用<html>标签的lang属性设置为zh-CN 来处理以上问题。

<html>标签的lang

<html>标签的lang 属性可用于网页或部分网页的语言。这对搜索引擎和浏览器是有帮助的。根据 W3C 推荐标准,您应该通过 <html>标签的lang 属性对每张页面中的主要语言进行声明。

如果未声明lang 属性,默认为en ,网页将会使用en 来进行文字渲染,但如果生命为zh-CN ,则会采用中文字体来进行渲染,就可以适当解决在Android浏览器下字体偏上的问题。

你可以查看下面这个 例子 。

建议使用OpenType或者TrueType字体的实现根据字体的OS/2表中的”sTypoAscender”和”sTypoDescender”规格(metrics)找出相应的A和D(在缩放当前元素的字体大小后)。如果没有这些规格,就应该用HHEA表中的”Ascent”和”Descent”规格。——摘自:css2.1的视觉格式化模型细节

在Android浏览器下字体偏上的问题相关推荐

  1. sup在IE,火狐及其他浏览器下字体大小问题

    今天写了一个页面,使用了sup标签! 当时我把sup标签包在了h标签中使用.由于我设置了h标签的字体大为14px,在IE浏览器下,是按照我的想法,居然自动变成了12px的效果.在谷歌浏览器下也是正常的 ...

  2. 【Android】下拉刷新上拉加载更多组件记录(81/100)

    Android智能下拉刷新框架-SmartRefreshLayout SmartRefreshLayout以打造一个强大,稳定,成熟的下拉刷新框架为目标,并集成各种的炫酷.多样.实用.美观的Heade ...

  3. Android ListView下拉与上拉刷新加载更多数据 二

    效果图:                 java代码中: public class MainActivity extends Activity implements OnRefreshListene ...

  4. Android ListView 下拉刷新 上拉更多[实例]

    旧代码作废了,换成新的把,源码在 http://www.stay4it.com/?p=245 今天得需求是做listview+上下拉动在header和footer显示progressdialog,但不 ...

  5. Android SwipeRefreshAndLoadLayout,下拉刷新,上拉更多,使用SwipeRefreshLayout自带的Progress

    最近使用Google的SwipeRefreshLayout控件,感觉下拉的那个Progress很炫酷,效果很不错,就是没有上拉更多的效果,不开心.... 随后便在网上四处找,看看有没有哪位大神加上了, ...

  6. 打造Android万能下拉刷新上拉加载控件

    转载请注明出处:http://blog.csdn.net/binbinqq86/article/details/70159782 关于列表刷新加载的自定义控件,网上数不胜数,但别人的用起来始终不是那么 ...

  7. android verticalviewpager 下拉刷新 上拉加载_设计规范 | 详解组件控件结构体系:加载类...

    设计师在进行APP设计时,往往会更加专注于界面的布局.界面和界面之间怎么跳转.操作反馈,却往往忽略掉一个比较重要的环节,就是APP数据加载中的设计.那么我们怎么处理好界面交互中的加载设计,保证体验无缝 ...

  8. Android ListView下拉与上拉刷新加载更多(一)

    效果图:                   java代码中的实现: public class MainActivity extends ActionBarActivity implements Wa ...

  9. 去除android浏览器下a/input等元素获得焦点时高亮边框,大发黄金版手机登陆-官网首页...

    生成 [九]注入框架RoboGuice使用:(Your First Injected Service and BroadcastReceiver). C - Game with Chips.Educa ...

  10. 移动端 ios 字体偏上问题

    父元素设置 display: flex;align-items: center;justify-content: center; 子元素设置 transform: scale(1); /*测试不加也可 ...

最新文章

  1. 设计模式(0)简单工厂模式
  2. tokenizer.encode() 与 tokenizer.tokenize()对比,言简意赅 转 高人讲学
  3. 算法----单词拆分
  4. redis 高级特性一
  5. 牛逼!有人用漫画带你了解 Linux 内核长啥样
  6. Python:图片懒加载技术
  7. 银联高校极客挑战赛 初赛 第一场、第二场合集(3+3题)
  8. 一位台湾校长的讲话。学习!!!
  9. P4756-Added Sequence【斜率优化】
  10. python程序运行结果始终为0_Python:始终运行程序
  11. 牛客SQL22 统计各个部门的工资记录数
  12. 几校联考——day1题解
  13. 博文搬家到公众号了~~~
  14. wps怎么图片透明_wps中图片怎么样调透明度_word设置图片背景透明的图文教程-爱纯净...
  15. 使用liteide开发go问题收集
  16. MongoDB中updateOne的正常使用
  17. 苹果电脑安装双系统有必要吗?
  18. Android中的占位符
  19. SyntaxError: invalid character in identifier
  20. Ansys-热应力分析(间接法)-液体管路分析学习收获

热门文章

  1. 网站抓取精灵V3.0正式版
  2. JAVA基础编程——数据库编程
  3. SwitchHosts 没有权限operation not permitted解决方案
  4. java并发编程实战电子书,王者笔记!
  5. java练习题库_大一java题库练习题.doc
  6. 2022年python大数据开发学习路线
  7. Struts2框架的概念及使用方法
  8. 推荐:绝对是最好用的公式编辑器
  9. 使用java发送邮件(支持多人)
  10. 四种Java跨域配置