2

http://reddit.comのWebサイトを参照して、サイドバーが常にページ上で同じサイズのままである一方で、画面が縮小すると左側全体が徐々に縮小するcssWebページを作成しました。

sidebar{width:400px;float:right;/*rest doesn't matter*/}
leftside{width:auto;height:auto;;overflow:hidden;/* no float */} // i think this
// is where i missed up, reddit's site didn't have this

とにかく、このサイトはモバイルデバイスではまったく拡大縮小せず、サイドバーが画面全体を占めますが、redditのサイトではうまく拡大縮小します。どうすれば自分のサイトを拡張できますか？側面と左側をラップするために別のdivが必要ですか？私はこれをオンラインで調べようとしましたが、誰もがサイドバーを定義するためにpxを使用しないと言っていましたが、redditはpxを使用し、それでもスケーリングされました...

ありがとう

4

2 に答える 2

3

モバイルデバイスで物事が拡大する場合、おそらく画面サイズを使用するメディアクエリが原因です。これは、ブラウザのredditが説明と同じように機能し、モバイルのサイズに縮小するとサイドバーがブラウザ全体のサイズになるためですデバイス。ブラウザで reddit が行うように動作させたくない場合は、エイターできます。ブラウザの幅とともにメディアクエリを使用し、これらのルールでサイドバーのサイズを変更するか、ある種のJavaScriptまたはhtml5とcssを使用してサイドバーをボタンに設定し、OnClick時に画面全体に展開します

于 2012-09-24T00:17:00.003 に答える
2

http://foundation.zurb.com/やhttp://gumbyframework.com/などのレスポンシブ CSS フレームワークを使用してみてください。

于 2012-09-24T00:15:52.683 に答える