cari

Rumah  >  Artikel  >  hujung hadapan web  >  html怎么让Chrome支持小于12px 的文字？

html怎么让Chrome支持小于12px 的文字？

韦小宝
韦小宝asal
2017-11-29 10:56:141871semak imbas

设计师图片上的文字假如是10px，我们实现在网页上之后。往往设计师回来找我们，这个字体能小一些吗？我设计的是10px？为啥是12px?其实我们都知道，谷歌Chrome最小字体是12px，不管你设置成8px还是10px，在浏览器中只会显示12px，那么如何解决这个坑爹的问题呢？让我们来看看解决方法吧！

我们的做法是：

针对谷歌浏览器内核，加webkit前缀，用transform:scale()这个属性进行缩放！

代码演示：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			span{
				font-size: 12px;
				display: inline-block;
				-webkit-transform:scale(0.8);
			}
		</style>
	</head>
	<body>
		<span>测试10px</span>
	</body>
</html>

以上就是 html怎么让Chrome支持小于12px 的文字？的所有内容了，更多请到本站搜索更多哦！

相关推荐：

怎么优化HTML网页

CSS滚动条样式如何兼容IE8和Chrome浏览器？

HTML里的最后一行文字显示不全怎么处理

Atas ialah kandungan terperinci html怎么让Chrome支持小于12px 的文字？. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Jquery对新插入的节点 绑定Click事件失效的解决方法Artikel seterusnya：JQuery在循环中绑定事件的问题详解

Artikel berkaitan

Lihat lagi