麻烦老师看一下！
来源：2-10 作业题
丹叔
2020-12-13 23:08:54
在谷歌浏览器无法显示设置字体大小小于9px的效果，最低只显示9px的字体大小。但在火狐浏览器却可以看到小于9px的字体效果。这是为什么呢？
1、问题图：（谷歌浏览器显示效果）--蓝色框我设置width：25%；height：300px，font-size分别为（23,15,10px），本来想设置比这些数字更小的，但由于谷歌显示问题，我就没继续往下面设置更小的字体大小了。
2、我想把字体设置更小一点，好可以让文字居中，能看到文字有左右空白边距，但在谷歌浏览器下，我无法设置低于9px的字体大小，无论设置多低，最终只显示9px大小效果。想做成老师这样的效果该怎么做？文字大小多少，蓝色框高宽多大？
老师效果图：（如下图）
写回答
2回答
-
同学你好，问题解答如下：
1.因为谷歌浏览器有默认显示的最小字号，如果比默认的字号小，那么设置的字号无效，显示默认的最小字号。目前谷歌浏览器默认最小字号是12px，不是9px。所以当文字设置为9px之后，显示的是12px。如下：
在浏览器中查看效果，文字并不是9px，而是12px：
2.而火狐浏览器中没有默认最小字号的限制，所以设置9px就可以生效。
3.作业没有要求字号是多少，所以不要求字体与效果图一模一样，只要差不多就行。想要文字有一些间距，可以把全部的文字内容嵌套在一个div中，然后给div设置margin即可。
4.蓝色框的宽度为25%（因为一行要放4个小盒子，4个加起来为父元素宽度的100%），高度差不多就行（例如400px）。
4.如果不会做或者哪里有问题，可以把代码全部粘贴上来（不要截图），以便老师针对代码为你指导。
祝学习愉快~
0 -
丹叔
提问者
2020-12-14
好的。谢谢老师
0
相似问题