モバイルデバイスにコンテンツが表示されているときに画面の左右にコンテンツマージンを変更する方法はありますか? コンテンツがデスクトップにマージンを持ち、電話機に余白がないようにします。 すべてのアイデア?ブートストラップ変更マージン
2
A
答えて
3
ええ、メディアクエリを使用してください。メディアのクエリでは、画面の特定の幅で特定のCSSがアクティブになっているはずです。たとえば、画面の幅が400ピクセル以下の場合は、フォントサイズを10ピクセルに戻す必要があります。例として次のコードを試してみてください:
@media screen and (max-width: 400px){
p{
font-size: 10px;
}
}
幸運を祈る!
1
キャスパーは既に言ったように、あなたはメディアクエリーを使う必要があります、El Devoperはあなたにリンクをくれました。ブートストラップを使用する場合は、は、!important
はブートストラップのデフォルトプロパティを上書きする必要があります。
@media screen and (max-width: 320px){
p{
margin-left: 10px !important
margin-right: 10px !important
//or just use "margin: 0 10px !important" to set margins like this:
//top and bottom = 0, left and right = 10px
}
}
は、それがメディアクエリで、
関連する問題
- 1. イメージグリッド(ブートストラップ)とマージンの補償
- 2. twitterブートストラップで不要なマージン
- 3. ブートストラップ:レイアウト変更
- 4. ブートストラップ - 変更タブ
- 5. ダウンスケールレスキューイメージサイズ変更ブートストラップ
- 6. X軸のマージンを変更する
- 7. ButtonTextのマージン/パディングを変更する
- 8. 実行時のAndroidウィジェットの変更マージン
- 9. JTextPaneの印刷マージンを変更する
- 10. navbarのブートストラップ 'affix'が右マージンを壊す
- 11. ブートストラップ4 - 固定マージンを持つスティッキーNavbar
- 12. ブートストラップ.container要素のマージンが不十分
- 13. マージンを減らす方法(ブートストラップ)
- 14. ボックスのサイズ変更、ブートストラップ
- 15. ブートストラップ2 navbarブレークポイントの変更
- 16. ブートストラップ日付ピッカートリガーの変更
- 17. ブートストラップ変更$ grid-gutter-width
- 18. ブートストラップGlyphicons DateTimePickerの変更アイコン
- 19. ブートストラップ範囲スライダ変更イベント
- 20. 変更ブートストラップnavbar崩壊ブレークポイント
- 21. 更新マージン:divがサイズ変更されるときに自動
- 22. RecyclerView - プログラムで変更する代わりにマージンを変更するアニメーション
- 23. マージンの調整xcode 7.0灰色、マージン制約の更新なし
- 24. ブートストラップ各スライドの変更でカルーセルインジケータが変更されない
- 25. Silverlightの余白のマージンを変更する
- 26. GoogleマップのInfoWindowビューのマージンの色を変更するapi v2
- 27. JasperReportsで印刷マージンを変更するには?
- 28. "included"レイアウトのマージンをプログラム的に変更する方法
- 29. xamarinフォームのボタンのマージンを変更する方法は?
- 30. 相関行列プロットのマージンを変更する方法
確かに便利だと思います。 http://www.w3schools.com/cssref/css3_pr_mediaquery.asp –