缩放WinJS应用程序中的文本

时间:2012-11-30 15:50:34

标签: css3 winjs

我正在尝试在WinJS应用中缩放文本,以便字体大小随屏幕大小而增加。到目前为止我使用

    <div style="height: 5vh;">
        <div data-win-control="WinJS.UI.ViewBox">
            <h1 data-win-bind="textContent:title"></h1>
        </div>
    </div>

这正确地缩放了不同分辨率上文本的大小,但它也会对文本执行翻译,并在我希望它保持左对齐时将其移动到包含div的中心。 h1的位置是绝对的,但即使是明确地将其设置为左:0也不起作用,看起来翻译总是具有更高的重要性。有没有人遇到过这个?在这个实例中,translate直接应用于h1元素,父元素上没有边距或填充以及text-align:left set

由于

1 个答案:

答案 0 :(得分:0)

请在此处阅读,我认为这就是您想要的:http://www.maxdesign.com.au/articles/em/

“浏览器缩放功能是使用一些简单的javascript来实现的,它可以检索浏览器的宽度,并按照最佳线长划分”