html苹果里放大,一个有关字体在iPhone上变大了的问题_html/css

当我部署完自己的第一篇技术博用手机测试时,发现其中的代码部分字体明显变大了,和周围格格不入.因为博客主题是自己设计实现的,这个明显的样式问题就像是一根来挑衅的鱼刺,让人甚是不爽.

具体表现如下图左

这到底是怎么回事呢?我对该部分的相关样式属性定义如下:

font-size: 0.8rem;font-family: PT Mono, Consolas, Monaco, Menlo, monospace;

按理来说,在手机上代码部分也应该按比例缩小才对,为什么不起作用呢?而此时我又发现该问题貌似只出现在了iPhone手机上,而在android手机上表现良好.

问题原因:原来,当你给某一元素字体应用一个回退(fallback,即font-family的值为一个有序字体集)系统时,浏览器会从前到后逐一尝试去支持该字体,一旦不支持前面的某些字体时,由于字体间的分辨率不同,即使定义同样的 font-size也会有不同的视觉大小,这就是上述现象产生的原因.

解决方法: -webkit-text-size-adjust

text-size-adjust该属性使得具有不同分辨率的字体经过计算在手机设备上保持同样的大小,只需要你将它的值设为一个合适的百分比(比如我设的是100%).而 -webkit-text-size-adjust针对iPhone解决该问题.

声明：本文原创发布php中文网，转载请注明出处，感谢您的尊重！如有疑问，请联系admin@php.cn处理

html苹果里放大,一个有关字体在iPhone上变大了的问题_html/css_WEB-ITnose相关推荐

苹果系统这么没有关闭订阅服务器,iPhone 上没有取消订阅的选项怎么办？
如果您在 iPhone 上订阅了应用提供的服务或内容,在取消订阅之前,大部分应用会自动续订.为了避免不必要的付费,用户可以前往 iPhone 设置-Apple ID-订阅中查看所有订阅的内容,并在此取 ...
【苹果家庭推送】这是iPhone上SMS功能的严重安全漏洞
推荐内容IMESSGAE相关作者推荐内容 iMessage苹果推软件 *** 点击即可查看作者要求内容信息作者推荐内容 1.家庭推内容 *** 点击即可查看作者要求内容信息作者推荐内容 2.相册 ...
苹果vs剪辑下载_秒简iPhone上的一款免费手机视频剪辑软件，支持导入视频或图片...
在这个短视频超火的网络时代,人人都可以分享属于自己的短视频内容.没有一款得心应手的视频剪辑制作软件那怎么行? 前段时间,小编更新了安卓手机上的一款视频剪辑处理制作软件. 链接:点击此处今天,小编为大 ...
java可以做苹果软件吗_Java应用软件iPhone上运行苹果没兴趣Sun单干
CNET科技资讯网3月10日国际报道 Sun正在为苹果iPhone开发一款JVM(Java虚拟机),并计划在6月份发布这款软件,使Java应用软件能够在iPhone上运行. Sun负责Java研究的副 ...
苹果就降速门致歉，iPhone电池更换费用降至29美元
(点击上方公众号,可快速关注) 转自:新浪科技.苹果官网相关资讯: <iPhone 速度变慢跟电池老化有关?有人做了这样的实验> <故意让旧 iPhone 变慢?苹果官方是这样说的 ...
苹果sf字体_原来苹果偷偷爱了这些字体
说到苹果大家都会先入为主的把这个科技品牌代入到设计领域,他的高科技设计感产品外观和简洁精英式界面设计都成为了众多对生活品质有高要求的设计师和精英们的心头爱.那么今天热爱平面设计的小编就来着重为大家科普 ...
wps如何放大导航窗格字体
wps如何放大导航窗格字体问题如何放大导航窗格字体如何打开导航窗格问题 wps的word文档里的视图部分有一个导航窗格,wps导航窗格字体字体太小了,如何放大呢?又或者我不小心把导航窗格的字 ...
我们可以无损放大一个Transformer模型吗？
©PaperWeekly 原创 · 作者 | 苏剑林单位 | 追一科技研究方向 | NLP.神经网络看了标题,可能读者会有疑惑,大家不都想着将大模型缩小吗?怎么你想着将小模型放大了?其实背景是这 ...
Fonts里没有安装新字体选项、不能安装字体的解决方法
该文由于发布较早,只在window xp中测试成功.保留文章是为了给读者提供一个思路,如果读者反馈过多无效,我这边就会下架文章.谢谢. 今天,在使用其他人发过来的一个PSD文件时,发现这台新的电脑里没 ...

html苹果里放大,一个有关字体在iPhone上变大了的问题_html/css_WEB-ITnose

html苹果里放大,一个有关字体在iPhone上变大了的问题_html/css_WEB-ITnose相关推荐

最新文章

热门文章