浏览器兼容之Chrome浏览器: -webkit-text-size-adjust: none;

今天在看demo的时候css样式里面发现的 -webkit-text-size-adjust: none; 度娘以后,了解这段样式的作用是:解决Chrome浏览器里面,设置小于12px的字体大小问题。

例子如下:

  p1 {

    font-size: 11px;

  };

  p2 {

    font-size: 12px;

  }

当用Chrome浏览器打开的时候,两个段落的字体大小是一样大的。这是因为Chrome浏览器会把字体大小小于12px的字体默认修改成12px,所以才会出现p1、p2段落字体大小一样的情况。

只有在p1的样式修改成下面这样就可以解决这个问题:

代码如下:

  p1 {

    font-size: 11px;

    -webkit-text-size-adjust: none;

  }

转自:-webkit-text-size-adjust: none; 解决 Chrome 浏览器中设置小于 12px 的字体大小问题

浏览器兼容之Chrome浏览器: -webkit-text-size-adjust: none;

时间: 2024-10-31 12:27:56

浏览器兼容之Chrome浏览器: -webkit-text-size-adjust: none;的相关文章

浏览器兼容问题 chrome iframe location href

报了个错 var dt2=new Date(d2Arr[0],d2Arr[1],d2Arr[2]); if(dt1>dt2){//比较日期 alert("开始日期不能晚于结束日期!"); return; } //解了个觉 var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 if (userAgent.indexOf("Chrome") > -1){//chrome浏览器 baobiao.sr

【浏览器兼容】chrome

1.word-break默认不是break-word,而是keep-all,会导致固定width的容器中文字过长时文字会不换行而是溢出容器.这个问题在中文字符时不会出现.2.input的placeholder必须加上placeholder的颜色定义才能生效input::-webkit-input-placeholder {    color: #f00;}FF的placeholder默认是color的淡色.3.在input自动填充表单时,input会有黄色背景http://segmentfaul

黄聪:手机移动站Web响应式开发工具Viewport Resizer插件(360浏览器、谷歌Chrome浏览器兼容)

插件作用: 移植自@MalteWassermann的脚本,一个可以测试响应式布局的chrome扩展. 插件截图: 插件下载地址(需FQ): https://chrome.google.com/webstore/detail/viewport-resizer/kapnjjcfcncngkadhpmijlkblpibdcgm?hl=zh-CN

常用的Firefox浏览器插件、Chrome浏览器插件收藏

[血的教训] 不要去下载“Firefox中国版(谋智网络)”,默认情况下会给你安装好多的莫名其妙的插件,推荐去Firefox官方下载原版. Firefox 原版官方网址: https://www.mozilla.org/en-US/firefox/all.html 选择其中的“ 中文 (简体) ”版本下载即可! 另外,下载Chrome也要到官网去下载,Chrome官网地址:https://www.google.com/intl/zh-CN/chrome/browser/?hl=zh-CN Fir

关于如何解决谷歌Chrome浏览器空白页的问题

谷歌Chrome浏览器突然不打开任何网页,无论是任何站点(如http://www.baidu.com), 还是Chrome浏览器的设置页面(chrome://settings/), 扩展页面 ( chrome://extensions/ ) ,  所有其他浏览器(如IE浏览器,Mozilla Firefox浏览器等)很好地工作. 这可能是由于恶意软件/病毒破坏谷歌Chrome浏览器的设置,并危及其首选项文件. 具体而言,以下问题 - 症状当您试图打开谷歌Chrome浏览器出现: 如何解决和修复C

如何解决谷歌Chrome浏览器空白页的问题

如何解决谷歌Chrome浏览器空白页的问题 谷歌Chrome浏览器突然不打开任何网页,无论是任何站点(如http://www.baidu.com), 还是Chrome浏览器的设置页面(chrome://settings/), 扩展页面 ( chrome://extensions/ ) ,  所有其他浏览器(如IE浏览器,Mozilla Firefox浏览器等)很好地工作. 这可能是由于恶意软件/病毒破坏谷歌Chrome浏览器的设置,并危及其首选项文件. 具体而言,以下问题 - 症状当您试图打开谷

mac 自认必须记下的 chrome 浏览器快捷键

Mac 下 Chrome 浏览器 必须记住的几个快捷键 感谢 哈尔滨SEO(http://www.harbin-seo.com/by-talk/mac-chrome-shortcuts/)和百度经验,但作为以入门的计算机专业同学,真正需要记的就几个,其余的都是和经验保持一直,个人认为没必要全列表. 1. 标签页和窗口快捷键 ?-N 打开新窗口. ?-T 打开新标签页.     按住 ? 的同时点击链接.或用鼠标中键(或鼠标滚轮)点击链接. 从后台在新标签页中打开链接. 按住 ?-Shift 的同

mac下谷歌chrome浏览器的快捷键

1. 标签页和窗口快捷键 ?-N 打开新窗口. ?-T 打开新标签页. ?-Shift-N 在隐身模式下打开新窗口. 按 ?-O,然后选择文件. 在 Chrome 浏览器中打开计算机中的文件. 按住 ? 的同时点击链接.或用鼠标中键(或鼠标滚轮)点击链接. 从后台在新标签页中打开链接. 按住 ?-Shift 的同时点击链接.或按住 Shift 键的同时用鼠标中键(或鼠标滚轮)点击链接. 在新标签页中打开链接并切换到刚打开的标签页. 按住 Shift 键的同时点击链接. 在新窗口中打开链接. ?-

火狐浏览器,IE11浏览器 兼容处理

火狐浏览器中的css hack /**火狐浏览器兼容处理**/ /**火狐浏览器(所有)兼容处理**/ @-moz-document url-prefix() { 在这里输入兼容样式 } /**火狐浏览器2版本兼容处理**/ html>/**/body .selector, x:-moz-any-link { 在这里输入兼容样式 } /**火狐浏览器3版本兼容处理**/ html>/**/body .selector, x:-moz-any-link, x:default { 在这里输入兼容样