【CSS拾遗】页面布局（一）

1.解决Chrome最小字体12px问题

<div class="font">文字</div>

.font{
  font-size: 12px;
  -webkit-transform-origin-x: 0;
  -webkit-transform: scale(0.90);
}

使用css3的transform属性，把文字缩小到原来的0.9倍，也就是10.8px，注意如果使用transform，文字所占区域并不会变小

 

2.多行文本省略号