浏览器兼容一直以来是很多人很头疼的问题,特别是一些很隐蔽的私有属性,常常让我们很苦恼。最近做一个外贸平台的时候刚好遇到了这个棘手的问题。Google将小于12px的英文字体强制显示为12px,这对志在兼容所有浏览器的我来说是一个不可忽视的问题。关于这个问题,请教了很多的高手,他们都说不知道,因为平时都很少做外贸平台,所以对于这个BUG他们不是很清楚。于是上网查资料,发现这是Google怕字体太小了,用户看不清楚,这个BUG让人觉得很无语,特别是像我们这种前端制作者。随后找到一些方法,比如改变字体,因为不同的字体在浏览器下面显示会有一定的区别,但是这种方法不怎么行得通。还有一种方法是通过自己制作字体来代替默认字体,但是原理其实和第一种方法一样,行不通。最完美的办法是改变Google内核的一个属性,具体代码如下:body,table,pre {-webkit-text-size-adjust:none; font: 11px/1.231 Arial,Helvetica,clean,sans-serif;}。关键就在于这个属性-webkit-text-size-adjust:none;至此,困扰我半个月的问题终于解决了。
转载于:http://my.68design.net/28075/blog/11109.html
分享到:
相关推荐
Chrome下,设置小于12px字体,显示仍为12px, 这个不知道算不算Chrome的BUG,有人说他是人家臣Chrome的人性化设置,因为小于12px的文字会比较难看得清楚,不过有时项目需要设置小于12px的文字大小。 不去讨论是否是...
主要给大家介绍了关于前端浏览器字体小于12px的解决办法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
相信不少做网站的用户会有这样一个问题,Chrome 默认最小字体是12px(最新版英文也有此问题),这个是 Chrome 为了更好显示中文设计的,但是这样一来就会出现某些上标、下标字体过大,影响用户体验。之前在开发...
谷歌浏览器是不支持12px以下小字体的,可能是考虑到用户体验吧。 网上也有一些文章介绍,说可以使用: 复制代码代码如下: -webkit-text-size-adjust:none; 但是,自chrome 27之后,就取消了对这个属性的支持。 ...
这个我们在做移动端的时候,设计师图片上的文字假如是10px,我们实现在网页上之后。其实我们都知道,谷歌Chrome最小字体是12px,不管你设置成8px还是10
无法定义IE6字体:13px大小无效,IE6自动显示更大的字体的解决方法.docx
移动端1px解决方案移动端1px解决方案移动端1px解决方案移动端1px解决方案
本文介绍了解决移动端1px边框问题的5种方法。当然了,在这之前先整理了与这些方法相关的知识:物理像素、设备独立像素、设备像素比和viewport。 物理像素、设备独立像素和设备像素比 在CSS中我们一般使用px作为单位...
前些天调整网页一个模块的时候将页面字体的大小设置为13px大小了,由于当时用的是Chrome浏览器以及IE8,并没有发现原来font-size:13px在IE6下居然不听使唤总是自动显示为一个更大的大小,变现上又及其难看。...
第一种方法: 分为 大 中 小 控制正文字体大小,一般需要指定 id #content {font-size:12px; line-height:200%; padding:10px; } 字体: 小中大 软件开发网 www.jb51.net 欢迎大家的光临。 [Ctrl+A 全选 ...
html5-px2rem - HTML5页面布局单位由px转换rem解决方案
PX4串口驱动 双击下载的px4_driver_installer_v10_win.exe驱动安装文件,按步骤一路next即可完成pixhawk驱动安装(默认安装目录为C:\px4_drivers)。如果是正版windows系统,连接pixhawk飞控板,在设备管理器的端口...
英伟达PX2官方设置文档,英文版,设置时比较麻烦,可作为参考
谷歌浏览器默认 16px 不同浏览器默认值不同 所以一般需要指定字体大小 避免浏览器之间的差异 标题标签比较特殊 需要单独指定大小 通常给body设置 3.font-weight 字体粗细 normal正常/bold粗体/bolder特粗/...
在进行CSS页页布局时,页面的外观很重要,但...使用CSS来编辑字体有各种各样的方法,每位设计师都会有自己偏爱的设计习惯,但必须选择更能提高用户体验的方法。今天软件开发网将集中讨论字体大小的控制来体现更多的用户