我的技术:我正在使用带有SASS和Angular2的HTML5(使用TypeScript)。
我做过的事情:
1)我已经研究过使用CSS,例如使用变焦看似hacky。 此外,即使设置了原点,它也无法在其他浏览器中正常工作。
2)我看过看起来很丑的JavaScript / jQuery解决方案。
3)缩放镀铬功能效果很好但在其他浏览器中不兼容。
4)我通常会使用CSS来减少所有字体大小,但这对于我拥有的大型应用来说需要很长时间。
5)我无法更改html或body标签中的字体大小以减小尺寸,因为不幸的是,应用程序不是以这种方式构建的,并且不会减少所有字体。
6)我已经在索引页面上更改了几次视图端口标记,但这似乎也无效。
我问的这个问题是我承认的hacky。但我需要将桌面的缩放比例从100%缩小到80%。
我期待你的建议。
谢谢。
答案 0 :(得分:1)
<meta name="viewport" content="width=device-width, initial-scale=You Scale (Ej: 0.5), user-scalable=yes">
该代码应该可以正常工作。但是,如果你说你尝试ir并且它不起作用,请检查:
1)检查您的css文件是否包含更改宽度和高度或缩放的规则。要检查这一点,我建议禁用临时css文件,直到缩放正确,然后逐个激活,以实现哪个是有问题的。
2)尝试将上面的代码放在head标记的最后一行,如果问题出在css文件中,也会实现。
3)如果您使用预编译的css文件,请检查它如何管理宽度,高度和缩放