幅1200pxのウェブページにコンテンツを囲んでいます。 wrap divはこのCSSでページの中央に配置されていますposition:absolute; top:0px; left:50%; margin-left:-600px; width:1200px; height:auto;
ブラウザのビューポートの幅が1200pxより小さい場合、jQueryを使用して左の値を50%から0pxに変更する必要があります。ラップが中央に配置されているため、例えばipod上では、左側のコンテンツは切り取られずに横方向にスクロールされます。 ありがとうございます。ブラウザのビューポートが<1200pxの場合はCSS値を変更します(左:x)
1
A
答えて
1
このテクニックを使用して要素をセンタリングする理由はありますか?これを行うもっと簡単な方法は、より小さな幅でうまく動作するでしょう。絶対的な位置決めと負のマージンがないでしょう!
div#container {
width: 1200px;
margin: 0px auto;
}
4
Here is a fiddle link。サイズ変更可能な枠をドラッグしてウィンドウのサイズを変更します。
$(window).bind('resize', function(){
if($(this).width() < 1200)
$('div.wrap').css('left', 0);
else
$('div.wrap').css('left', '50%');
}).resize();
+0
ありがとう!完璧に機能しました!ちょうど余白左の値をゼロに設定するCSS関数を追加しなければなりませんでした。 – dylfreak6494
+0
@ dylfreak6494 - ようこそ!緑のチェックマークをクリックして回答を受け入れる必要があります。 –
関連する問題
- 1. ビューポートが480px以下の場合、FullCalendarのbasicDayビューに変更しますか?
- 2. <ui:repeat>がXの場合は<c:forEach>がYの場合
- 3. アンドロイドソフトキーボードがアクティブな場合、ウェブページのビューポートのサイズ変更を防止する
- 4. GETデータベースの変更が可能な場合は、ブラウザ
- 5. aでYを変更する:YのXの場合は?
- 6. 値が変更されない場合のbackbone.jsの変更
- 7. JTableの自動サイズ変更を、ビューポートに適合する場合にのみ有効にします。
- 8. 無効な場合、テキスト入力の値を変更します。
- 9. マージ - 値が変更された場合のみ更新します。
- 10. CheckboxColumnの色を変更した場合、変更します。
- 11. divにdivのCSSが左にある場合:1%do do something
- 12. Entity Frameworkのモデルが変更された場合は、テーブルを変更します
- 13. AS3が親のx値を変更しても、その子にx変更は適用されませんか?
- 14. オブジェクトがビューポートよりも大きい場合のCSSの中央揃え
- 15. コントロールにプロパティがある場合、コントロールのプロパティ値を変更します。
- 16. 値のプロパティがXの場合、データグリッドの行に色を設定しますか?
- 17. 左クリックまたは右クリックの場合
- 18. nginix場所が何かの場合はルートディレクトリを変更します
- 19. CSS:ブラウザのビューポートよりも背の高い画像を固定
- 20. div内のCSSは、マウスポインタがIE7の位置を変更した場合にのみ適用されます
- 21. 値が別の値で変更された場合、SelectOneMenuでリストを変更する方法は?
- 22. X軸とY軸の値の色を変更します。 Chart.js
- 23. xcodeの画像のx値を変更しますか?
- 24. プリミティブデータ型の値の変更をリッスンする方法(この場合はブール値)
- 25. のiPadのCSS /ビューポート
- 26. CSS:ビューポートの高さの割合としてのテキストエリアの高さ
- 27. URLがmで始まる場合、ブラウザ自体のサイズを変更する必要があります。(ウェブサイト).com
- 28. asp.netのCSS属性の値を動的に変更します
- 29. Python:list comprehension、xが存在する場合はf(x)を実行しますか?
- 30. ラベルが等しい場合変更ビュー
左の値を0pxに変更しても、コンテンツはページの右側から流れ出し、スクロールしてコンテンツを表示することはできません。あなたは、あなたの望む結果を得るために絶対的な配置を取り除く必要があります。 – RussellUresti