0

私はウェブサイトを作るのはかなり新しいです。CSS と HTML の読み書きと、Javascript の少しの読み書きができます。しかし、私は今私のウェブサイトでいくつかの問題を発見しました. 画面の解像度が低く、私のサイトにアクセスしたい場合、私のサイトの右側が切り取られます。また、モバイル端末でアクセスすると画面が途切れてしまい、ズームアウトや左右へのスクロールができなくなります。

電話のチェックとコーディングに忙しかったとき(iPhone 5のみをチェックできます)、このコードを使用しました

<meta name=”viewport” content=”width=device-width, maximum-scale=0, user-scalable=yes, max-zoom=5, min-zoom= 0.25 ” />

しかし、うまくいきませんでした。他の問題が発生したとき、何人かの人に私のウェブサイトを見てもらい、問題を修正しましたが、誰かが私のサイトを低解像度で見ていると、モバイルと同じようにウェブサイトの右側が切り取られます。

ここで、解像度を含むcssファイルを作成し、頭と体を別の%に縮小する必要があると思いますが、どこから始めて、どのように始めればいいのか、そして%がどうあるべきかわかりません。皆さんが私を助けてくれることを願っています。

4

1 に答える 1

0

問題を解決するには、追加するだけです

最小幅: 1260px; default.css のあなたの体に

このような

body {
margin: 0px;
padding: 0px;
font-family: 'Open Sans', sans-serif;
font-size: 10pt;
color: #000000;
min-width: 1260px;
}

これは、ほとんどの div の幅が 1200 で、マージンが 30px であるため、サイトの幅を約 1260px にする必要があるためです。

私はあなたのサイトで試してみましたが、うまくいきました

また、メイン ページのスライダーの見栄えがよくないことに気付きました。このように、style.css ファイルでスライダー ラッパーの幅を 100% にする必要があります。

.slider-wrapper {
width: 100%;
margin: 0px auto;
}
于 2013-10-20T20:53:58.017 に答える