任何人都可以帮助我在css中使用字体样式(如点阵式打印机)中的双倍高度文本和双倍宽度文本而不使用任何图像.
除此之外的任何代码？
heading{
font-weight:bold;
width:200%;
}
我的期望如下.
谢谢.
解决方法
OP,
更新的小提琴,包括transform和transform-origin的所有供应商前缀：http://jsfiddle.net/LTaAy/1/
看到这个小提琴：http://jsfiddle.net/LTaAy/
IMG
HTML
<p class="doubleWidth">DOUBLE WIDTH</p> <p class="doubleHeight">Double Height</p> <p class="doubleWidthandHeight">Double Width and Height</p>
CSS
p {
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
}
p.doubleWidth {
-webkit-transform: scaleX(2);
-moz-transform: scaleX(2);
}
p.doubleHeight {
-webkit-transform: scaleY(2);
-moz-transform: scaleY(2);
}
p.doubleWidthandHeight {
-webkit-transform: scaleX(2) scaleY(2);
-moz-transform: scaleX(2) scaleY(2);
}
我只包含2个供应商前缀,但应根据需要应用它们.
– 仅限于上述情况,此小提琴http://jsfiddle.net/LTaAy/1/已更新.
希望能帮助到你.
