我使用嵌入字体作为网站上的顶级导航元素
Helvetica65和16px这是完美的WIDTH,但我需要它
约为当前高度的90%。
Helvetica65和16px这是完美的WIDTH,但我需要它
约为当前高度的90%。
在Photoshop中,解决方案很简单 – 调整垂直缩放。
有没有办法做基本相同的事情使用CSS?如果是,如何
是否支持?
这里是一个jsFiddle的基本nav编码。
解决方法
transform属性可用于缩放文本。
.menu li a { color:#ffffff ; text-transform:uppercase ; text-decoration:none ; font-family:"HelveticaNeue-Medium",sans-serif ; font-size:14px ; display: inline-block; transform : scale(1,1.5); -webkit-transform:scale(1,1.5); /* Safari and Chrome */ -moz-transform:scale(1,1.5); /* Firefox */ -ms-transform:scale(1,1.5); /* IE 9+ */ -o-transform:scale(1,1.5); /* Opera */ }