2

私は、ウェブサイトを 25% 縮小するという任務を負っていました。つまり、すべての画像とフォント/要素を 25% 縮小する必要があります。

私の最初の解決策は、次のようにしてjQueryでした。

-webkit-transform: scale(.75);

ただし、このサイトの多くは画像で構築されているため、これにより問題が発生しました。たとえば、ヘッダーは固定サイズの画像であるため、画面全体には拡大されません。フッターにも問題があります。現在、余白が非常に大きく (約 500 ピクセルあります)、削除できないようです。

他に考えられる解決策はありますか?

これまでのところ、次のいずれかを行います。

A) jQuery メソッドを続行し、上記の問題を修正してみてください

B) 文字通りすべてを調べて物理的に 25% 縮小し、jQuery を削除します。

4

3 に答える 3

7

Literally go through and physically shrink everything by 25% and remove the jQuery.

これを行う。jQuery を使用してこれを行うのは専門的ではなく、品質の低い Web サイトを作成するだけでなく、将来エラーが発生する可能性があります。それほど時間はかかりません

于 2013-03-06T14:59:17.403 に答える
1

(OPのコメントからの回答として宣伝)

zoom: 0.75;ボディのCSSはどうですか?:)

于 2013-03-07T08:03:06.183 に答える
0

ベースの測定を使用している場合はem、次のコードでこれを実現できます。

html {
  font-size: 75%;
}

ただし、明示的な寸法がない要素、または絶対単位で設定された寸法は影響を受けません。これらのプロパティを指定する必要があります。

画像の場合、元の寸法を把握し、必要な寸法を自分で計算して指定する必要があります。

于 2013-03-06T15:02:55.580 に答える