1

私はウェブページ（html + cssファイル）を持っています。本来のズームで表示すると見栄えがよくありません。見栄えを良くするために、ズームアウトする必要があります（ctrl + - を 2 回クリック）。

したがって、このズームアウト形式をサイトのネイティブ ズームにしたい、つまり、私のサイトを見ている人がデフォルトでそのように表示されるようにしたい (Firefox、Chrome、および Internet Explorer で)。

質問:これを行う方法はありますか? これを行う最も簡単な方法は何ですか? (html/css のコーディングはあまり得意ではありません。無料のテンプレートを使用して自分のサイトを作成しました。)

4

4 に答える 4

0

メディア クエリを使用して、画面解像度ごとに異なるスタイルを記述します。

また、フォントサイズの幅、パディング、マージンなどにemとパーセンテージを使用して、ページをズームすると、解像度に従って親に対して相対的に変更されるようにします。

于 2013-07-26T10:32:08.663 に答える
0

@media クエリを使用できます

@media (min-width: 700px) { ... }
@media (min-width: 700px) and (orientation: landscape) { ... }
@media tv and (min-width: 700px) and (orientation: landscape) { ... }
@media (min-width: 700px), handheld and (orientation: landscape) { ... }

さらに

window.resizeTo(iWidth, iHeight)メソッドを使用して、ブラウザ ウィンドウのサイズを変更することもできます。

于 2013-07-26T10:34:44.027 に答える
0

CSSが解像度に応じて変化していないためです

だからメディアクエリを使う

http://mediaqueri.es/

http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

于 2013-07-26T10:24:31.307 に答える
0

これは CSS で使用できるトリックですが、これにより HTML が中央から縮小され、サイト全体の配置が台無しになることに注意してください。ただし、少し遊んでみると、これが有利になる可能性があると確信しています。

CSS

html {
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    overflow-x:scroll;
    overflow-y:scroll;
}

働くフィドル

于 2013-07-26T11:46:05.877 に答える