我正在尝试在 WinJS 应用程序中缩放文本,以便字体大小随屏幕大小而增加。到目前为止,我使用
<div style="height: 5vh;">
<div data-win-control="WinJS.UI.ViewBox">
<h1 data-win-bind="textContent:title"></h1>
</div>
</div>
这可以正确地在不同分辨率下放大文本的大小,但它也会对文本执行翻译,并在我希望它保持左对齐时将其移动到包含 div 的中心。h1 具有 position:absolute,但即使明确地将其设置为 left:0 也不起作用,看来翻译总是具有更高的重要性。有没有人遇到过这个?在这种情况下,翻译直接应用于 h1 元素,并且父元素上没有边距或填充,并且设置了 text-align:left
谢谢