`
zhangyaochun
  • 浏览: 2612158 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论
阅读更多

决定开辟一个新的分类----chrome浏览器下的问题整理,个人学习。

 

有的时候我们会设置字体小于12px,但是在中文版chrome下字体仍然为12px

 

       解决方案和注意

 

  • 可以用-webkit-text-size-adjust这个私有属性设置none;
  • 如果-webkit-text-size-adjust设置在body上会导致页面缩放失效
  • 用-webkit-text-size-adjust不要定义可继承或者全局的
   update 2013-11-6:
   http://trac.webkit.org/changeset/145168
   chrome 27之后不再webkit浏览器不再支持桌面浏览器的-webkit-text-size-adjust
   可以通过以下方式:
 
transform:scale(0.5);
 
   http://jsbin.com/efuhaw/317/edit
 
扩展阅读:
1、 http://www.pufen.net/technology/2012/751/  (设置全局html带来的问题)
1
0
分享到:
评论
1 楼 lingbing777 2013-10-23  
在mac系统好像没有效果,你有解决方案吗,谢谢!

相关推荐

    前端大厂最新面试题-less_12px.docx

    Chrome 浏览器中,中文版浏览器会默认设置页面的最小字号是 12px,这是因为 Chrome 团队认为汉字小于 12px 就会增加识别难度。英文版浏览器没有限制。用户可以在 Chrome 的设置中(chrome://settings/languages)把...

    js实现rem自动匹配计算font-size的示例

    代码中的基准宽度值选择为640px,意味着当屏幕宽度大于或等于640px时,根元素的font-size会被设置为100px。如果屏幕宽度小于640px,则按照比例减少font-size的大小。这个基准值的选取是基于移动端屏幕适配的考虑,...

    个人文档1

    font-size: 12px; letter-spacing: normal; word-spacing: -1px; } ``` 通过以上方法,可以确保在Firefox、Chrome、IE8及更高版本、猎豹、360浏览器、搜狗高速模式下的显示一致性。然而,需要注意的是,对于一些...

    使用CSS3的font-face字体嵌入样式的方法讲解

    font-size: 24px; } #test-font span { font-family: '自定义字体名称'; } ``` 这里,`#test-font`是一个父元素,它的子元素`span`将会使用`@font-face`定义的自定义字体。 需要注意的是,对于IE8及更早版本,...

    CSS实现圆角边框,不在使用背景图片,IE678、火狐都兼容.docx

    font-size: 1px; } .xb1, .xb2, .xb3, .xb4 { display: block; overflow: hidden; } .xb1, .xb2, .xb3 { height: 1px; } .xb2, .xb3, .xb4 { border-left: 1px solid silver; border-right: 1px solid ...

    css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况

    (另外需注意chrome强制最小字体为12号,即使设置成 10px 最终都会显示成 12px,当把html的font-size设置成10px,子节点rem的计算还是以12px为基准,所以网上很多文章提到的将html的font-size设为10方便计算不是那么...

    无法定义IE6字体:13px大小无效,IE6自动显示更大的字体的解决方法.docx

    例如,你可以添加 `*font-size: 12px;` 来针对 IE6 修改字体大小。但这不是一个推荐的做法,因为它增加了代码的复杂性,并可能导致其他浏览器出现问题。 4. **使用 JavaScript**:如果浏览器支持,可以使用 ...

    圣思园 java web 课件1

    font-size: 24px; } ``` - **层叠规则**: 当多个样式应用于同一个元素时,CSS会根据特定的优先级规则决定哪个样式生效。 #### 五、HTTP (Hypertext Transfer Protocol) - **定义**: HTTP 是一种应用层协议,...

    第十五届蓝桥杯Web应用试题考察重点

    font-size: 16px; } /* ID 选择器 */ #my-id { border: 1px solid black; } ``` - **盒子模型** - 内容区域、内边距、边框、外边距的概念和使用。 ```css .box { width: 200px; height: 100px; ...

    CSS命名规则

    font-size: 12px; line-height: 20px; background-color: yellow; } .f-1_f_ { background-color: #d4d4d4; } /* 字母开头 */ .1 { background-color: #A8A8A8; } /* 单个数字开头,不被支持 */ .123456 { ...

    情人节程序员用HTML网页表白【春娇-志明结婚邀请函】 HTML5七夕情人节表白网页源码 HTML+CSS+JavaScript

    body { font-size: 14px; } } ``` #### 4.3 用户输入验证 - **表单元素**: 使用`<input>`元素收集用户输入。 - **验证逻辑**: 通过JavaScript进行简单的表单验证。 - 示例: 检查输入是否为空或格式是否正确。 ...

    第四章 网页边框和网页文字阴影.docx

    font-size:3.2em; color:#F5F5F5; text-shadow:3px 3px 7px #111; text-align:center; } ``` 七、浏览器支持情况 不同浏览器对文字阴影效果的支持情况如下: * FireFox(3.0.5)-[FireFox(3.1PreAlpha)兼容] * ...

    弹性返回顶部代码,兼容各大浏览器

    font-size: 24px; transition: all 0.3s ease; /* 添加过渡效果 */ } #back-to-top:hover { background-color: #000; } ``` 然后,我们需要JavaScript来处理按钮的显示和点击事件。这里我们使用jQuery(但原生...

    jx09HOME页CSS+DIV版详细调用说明

    font-size: 16px; color: #333; } ``` 对于“jx09HOME”页面,可能需要定义针对特定ID或类的选择器,如`.header`,`.nav`,`.content`等。 3. **使用DIV进行布局**:在HTML文件中,创建DIV元素并分配合适的ID...

    web实验报告.docx

    font-size: 19px; font-family: "仿宋"; background: #33FFCC; } #wrap { width: 960px; margin: 0 auto; background-color: #fff; border-radius: 20px 12px; } h1, h2, h3, p { line-height: 120%; }...

    纯css实现边框圆角效果

    font-size: 16px; margin: 4px 2px; cursor: pointer; } ``` 通过这样的CSS样式,我们不仅可以创建圆角边框,还可以为元素赋予深度感和交互性,提升用户体验。 在实际开发中,我们常常会遇到需要对不同类型的...

    简单兼容性的处理

    font-size: 14px; font-weight: bold; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 14px; opacity: 1; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 14px; ...

    Teste_Cletche:sóteste viu

    font-size: 18px; } </style> ``` 这段代码将所有`<p>`元素的文字颜色设置为蓝色,字体大小设置为18像素。 【浏览器兼容性】 不同的浏览器可能对HTML和CSS的解析方式略有不同,因此开发者需要关注跨浏览器兼容...

Global site tag (gtag.js) - Google Analytics