0

私は自分のウェブサイトをプログラミングしており、解像度ごとに異なる css を作成したいと考えていました。そこのチュートリアルに従ってこれを行いました: http://css-tricks.com/resolution-specific-stylesheets/

すべてが正しく行われましたが、ウィンドウが狭い css 用にサイズ変更されると、すべての画像が大きくなります。

1 質問: css でサイズを変更するにはどうすればよいですか? 2 質問: 一部の div を狭いスタイルで表示したくない場合は、「display: none;」を使用します。ロードをブロックしますか、それとも単に非表示にしますか?

どうもありがとう、私の悪い英語でごめんなさい。

4

2 に答える 2

1

これを使用して画像のサイズを変更します

#my_image {
  width: 50px;
  height: 100px;
}

2 番目の質問に答えるには、display: none それを非表示にします。画像がダウンロードされます

于 2012-04-17T19:28:15.090 に答える
1

読み飛ばすには良い記事かもしれません。これは、私が読んだ「レスポンシブ Web デザイン」に関する記事の中で、最も優れたものの 1 つです。http://www.alistapart.com/articles/responsive-web-design

これは、以下を使用して画像のサイズを動的に変更したい場合に、流動的な画像でも役立つ場合があります。

img {
 width: 100%;
}

その音からスーパー IE フレンドリーではありませんが、回避策は記事で説明されています。 http://unstoppablerobotninja.com/entry/fluid-images

これは、最初の「A List Apart」記事の最終結果です...かなりよくできたIMOです。ブラウザのサイズを変更して、調整方法を確認してください。http://www.alistapart.com/d/responsive-web-design/ex/ex-site-FINAL.html

于 2012-04-17T19:41:46.543 に答える