【实习所遇问题-01】解决Chrome 浏览器最大显示12px问题

今天的需求是做一个画布框;需求需要用到12px的字体;从12px改到8px;然而字体并无变化;以下方案已解决此问题：

---

HTML部分：

<div class="act_text">
	<ul>
		<li>
			<p>选择图片</p>
			<p>水平反转</p>
			<p>上下反转</p>
			<p>左反转</p>
			<p>右反转</p>
		</li>
	</ul>
</div>

---

css部分：

.act_text ul {
            float: left;
            height: 25px;
            width: 100%;
            /* 添加 */
            -webkit-transform-origin-x: 0;
            -webkit-transform: scale(0.90);
}
        
.act_text p {
            float: left;
            margin: 0 5px 10px;
            /* 这里可以调到最小的1px */
            font-size: 1px;
            font-weight: 700;
}

兼容I7↑版本。