chrome浏览器font-size12px无效解决办法
当样式设定font-size<12px时,chrome浏览器里字体显示仍为12px;
如font-size:11px; 但是chrome还是12px的大小,很不听话。
今天我就遇到了这样的问题?
网站产品分类块字体在IE9和FF下显示不正常,比预想的要小,在IE7\IE8\360\chrome里显示正常,我查了些资料就是没找到原因,问了网友才得到解决办法。
-webkit-text-size-adjust
1、当样式表里font-size<12px时,中文版chrome浏览器里字体显示仍为12px,这时可以用 html{-webkit-text-size-adjust:none;}
2、-webkit-text-size-adjust放在body上会导致页面缩放失效
3、body会继承定义在html的样式
4、用-webkit-text-size-adjust不要定义成可继承的或全局的
苹果移动设备上会识别,用于保证文字大小。
写页面的应该都知道Chrome浏览器默认情况下的字体最小为12px,如果你要设置某字体大小为10px的话,你会在Chrome发现还是12px。如果要使此生效的话,就得修改Chrome的默认配置了,一般应用下面的代码就能在全局生效了:
但是这样设置之后会有一个问题,就是当你放大网页时,一般情况下字体也会随着变大,而设置了以上代码后,字体只会显示你当前设置的字体大小,不会随着网页放大而变大了,这样对有需要放大网页观看的用户造成了不好的用户体验,所以不建议全局应用该属性,而是在需要的情况单独使用就好了。
在中文版Chrome里面,网页CSS里所有小于12px的字体设置都无效,最终将显示12px。这样弄的本意可能是好的,因为中文一旦小于12px,就变得不易阅读。
但中文版Chrome也会阅读英文网站啊!中文网页里面也会有英文的小字体设置需求啊!尤其是一些文字部份的设计,不小实在不好看,影响整个排版的美观。
解决方案,添加一个私有属性到html选择器:
html{-webkit-text-size-adjust: none;}
顾名思义, 禁用Webkit内核浏览器的文字大小调整功能。
注:如果要改变字体大小,font-size:15px;应该写在 -webkit-text-size-adjust: none;之后,不然效果不显示 。
转载于:https://www.cnblogs.com/linsanshu/p/5744761.html
chrome浏览器font-size12px无效解决办法相关推荐
- Chrome浏览器崩溃 “STATUS_INVALID_IMAGE_HASH”的解决办法
在对Chrome进行了一次版本升级之后,无论打开什么网页都显示"喔唷,崩溃啦!",提示错误代码为"STATUS_INVALID_IMAGE_HASH",重新安装 ...
- Google Chrome 浏览器JS无法更新解决办法
JS无法更新原因: 浏览器为了加载快,默认是按照自定规则更新缓存,非实时更新. 我们在开发的时候,JS变动很快,需要即时让浏览器加载最新文件,也就是禁用浏览器缓存 (1)使用F12进入开发者模式,找到 ...
- 谷歌/Edge浏览器“STATUS_INVALID_IMAGE_HASH“错误状态码解决办法
** 谷歌/Edge浏览器"STATUS_INVALID_IMAGE_HASH"错误状态码解决办法 ** 参考博客:https://www.cnblogs.com/VueDi/p/ ...
- 非chrome应用市场插件安装解决办法
非chrome应用市场插件安装解决办法 Chrome 离线加装扩展的新方法 打开 chrome://flags/#extensions-on-chrome-urls,找到( Ctrl + F )#ex ...
- chrome弹出窗口透明化(chrome看不清文字)解决办法
chrome弹出窗口透明化(chrome看不清文字)解决办法 前言 症状 解决办法 前言 在两个一样系统,一样镜像,一样版本的vm上安装一样版本的chrome,结果有一个电脑的chrome就出现了一些 ...
- 关于浏览器兼容问题的解决办法,全部都在这里了
关于浏览器兼容问题的解决办法,全部都在这里了 参考文章: (1)关于浏览器兼容问题的解决办法,全部都在这里了 (2)https://www.cnblogs.com/myprogramer/p/6624 ...
- VS.NET提示试图运行项目时出错:无法启动调试。绑定句柄无效解决办法
也许是我迟发现了,总之我是刚刚才遇到这个问题的,挺不爽的,从模板新建的项目,未添加一行代码却出现了调试错误.(不用调试倒没事)有点郁闷. 还好,(感谢一下发明搜索引擎的人)百度给了我解决方案,不好意思 ...
- C# 在load构造函数设定dgv背景字体颜色无效 解决办法
在load构造函数设定dgv背景字体颜色无效解决办法 在load函数写没有没有作用是因为load函数会在调用一次dgv初始化, 解决办法是把设置的代码写到shown函数中: shown函数在load函 ...
- ie不显示html图片不显示,IE浏览器图片显示不出来 IE浏览器图片不显示解决办法...
很多人在使用ie浏览器打开网页时,发现所有的图片都是不显示出来的,可能重置之后浏览器图片显示不出来,也有可能是在ie浏览器设置中,没有启用显示图片选项,如果没有图片显示的话,该如何设置让图片显示出来呢 ...
- FireFox火狐浏览器字体模糊的解决办法
FireFox火狐浏览器字体模糊的解决办法.打开选项->高级->关闭"自动启用硬件加速"! 解决问题! 转载于:https://my.oschina.net/u/179 ...
最新文章
- 再见,Python!!
- Android开发笔记——常见BUG类型之内存泄露与线程安全
- Python 自动给人脸 戴口罩
- Android之让图片匀速旋转效果
- openpyxl 绘制饼形图_好享学丨快速上手Pythonmatplotlib 箱线图绘制,学术人必备
- CSS浏览器兼容性----Hack
- JavaScript 获取浏览器版本
- 【蓝桥杯嵌入式】【STM32】7_RTC之实时时间显示和硬件闹钟设置
- 变电站计算机监控系统相关技术,变电站计算机监控系统的研究
- InitGoogleLogging坑爹
- 跨多个专业的从业者想转行做单片机怎么办
- Mysql 单表、连表 in 子查询条件拼接
- 数据分析的一些简单思路总结
- 耗时6个月,整理了30款免费高评分软件,完爆付费
- 64位java_java64位
- SQL超级简单的基础入门
- 学习笔记之——友盟社会化组件精简版集成qq微信新浪微博
- Python 数据处理与分析(三) 设计一个高回报的投资组合(投资回报和风险分析)任务 2:计算不同类型的收益率和投资组合的收益率
- Windows软件之——RocketDock之无法拖放图标到dock栏
- android 计算器,Android实战:计算器
热门文章
- mathcal 对应于什么库_如何快速构建React组件库
- 外贸网络推广分享让网站文章标题优化效果更好地小技巧!
- 优质网站策划从四个方面进行判断
- 均值已知检验方差_方差分析案例
- 框架退出的方法_AOP日志框架实现
- 内网使用ohmyzsh
- Java多线程闲聊(四):阻塞队列与线程池原理
- 最近ES遇到discover老是失败问题,ping主节点和node节点正常,抓包发现了大量的retransmission、tcp out of order、dup ack问题。...
- sphinx索引分析续
- AttributeError: module 'jwt' has no attribute 'ExpiredSignatureError'