PCで任意の箇所にいれた改行をスマホでは改行せずに表示したい!っていう、レスポンシブ対応するうえでのあるある。 このあるある問題を解決するとっても簡単な方法をご紹介します。 このような記述の場合 <p>これはレスポンシブ対応時の改行問題を解決する方法です。<br class="br-sp">ここで改行しています。</p>PCではbrタグで改行されて表示されます。 ここに、任意のクラスを付与しておきます。(例では「br-sp」としました。) スマホのとき(例では画面サイズが640px以下の場合)はこのbrタグを表示しなければいいので、以下のcssを追記します。 @media screen and (max-width: 640px) { .br-sp { display:none; } } これで、OK!

Design in the browser Design by modifying hundreds of ready made designs or start fromscratch. Prepare your assets in Photoshop or Sketch and move them online right away. All you need is a web browser. Deliver faster Publish responsive pages with your owndomain name or export your work to hostit yourself. FROONT is great for decision making, prototyping and publishing single page websites. A vi

これは便利!レスポンシブで変化するエレメントを一元管理できるワイヤーフレーム作成ツール -RWD Wireframes
1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く