我的网站因负载过大而放大。我需要将网站缩小

时间:2017-01-08 13:01:42

标签: javascript jquery css html5 sass

我的技术:我正在使用带有SASS和Angular2的HTML5(使用TypeScript)。

我做过的事情:

1)我已经研究过使用CSS,例如使用变焦看似hacky。 此外,即使设置了原点,它也无法在其他浏览器中正常工作。

2)我看过看起来很丑的JavaScript / jQuery解决方案。

3)缩放镀铬功能效果很好但在其他浏览器中不兼容。

4)我通常会使用CSS来减少所有字体大小,但这对于我拥有的大型应用来说需要很长时间。

5)我无法更改html或body标签中的字体大小以减小尺寸,因为不幸的是,应用程序不是以这种方式构建的,并且不会减少所有字体。

6)我已经在索引页面上更改了几次视图端口标记,但这似乎也无效。

我问的这个问题是我承认的hacky。但我需要将桌面的缩放比例从100%缩小到80%。

我期待你的建议。

谢谢。

1 个答案:

答案 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文件,请检查它如何管理宽度,高度和缩放