私のウェブサイトは負荷が高すぎます。私はウェブサイトを縮小する必要があります

Question

私の技術：私はHTML5とSASSとAngular2（TypeScriptを使用）を使用しています。私がやった

の観光名所：

1）私は、例えばCSSでこれを行うことに見てきましたハックのように見えるズームを使用します。 また、原点が設定されていても他のブラウザではうまく機能しません。

2）私はハッキーに見えるJavaScript/jQueryソリューションを見てきました。

3）ズームクロム機能はうまく機能しますが、他のブラウザでは互換性がありません。

4）私は通常、すべてのフォントサイズを減らすためにCSSを行いますが、これは私が持っている大きなアプリでは長時間かかるでしょう。

5）残念ながら、アプリがそのように構築されておらず、すべてのフォントが縮小されないため、HTMLタグまたはbodyタグのフォントサイズを変更できません。

6）インデックスページのビューポートタグを数回変更したため、どちらも機能しないようです。

私が質問したこの質問は、私が認めているハッキーです。しかし、私はデスクトップの100％からズームを80％に減らす必要があります。

あなたのご意見をお待ちしております。

ありがとうございます。

Answer 1

<meta name="viewport" content="width=device-width, initial-scale=You Scale (Ej: 0.5), user-scalable=yes"> 

このコードは正常に動作するはずです。しかし、あなたがIRを試してみてうまくいかないと言ったら、これをチェックしてください：

1）あなたのcssファイルに幅と高さを変えるルールやズームが入っていないことを確認してください。これを確認するには、ズームが正しくなるまで一時的なCSSファイルを無効にし、後で問題が発生しているファイルがどれかを認識できるように1つずつアクティブにすることをお勧めします。

2）上記のコードをheadタグの最後の行に入れてみてください。これは、問題がCSSファイルにある場合にも分かります。

3）あなたがプリコンパイルされたCSSファイルを使用している場合、それは幅、heigthを管理し、