画面の横幅に応じて br 要素での改行を切り替えるアイデア。こういうメディア・クエリィの地味な使いこなし方はおもしろいなー。

asiamoth のブックマーク 2012/08/10 18:33

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/105552702/comment/asiamoth" data-user-id="asiamoth" data-entry-url="https://b.hatena.ne.jp/entry/v3.danielmall.com/articles/responsive-line-breaks/" data-original-href="http://v3.danielmall.com/articles/responsive-line-breaks/" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fv3.danielmall.com%2Farticles%2Fresponsive-line-breaks%2F" data-user-icon="/users/asiamoth/profile.png">“Responsive Line Breaks,” an article by Dan Mall</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/PC%E3%83%BB%E3%82%B2%E3%83%BC%E3%83%A0%E3%83%BB%E5%AE%B6%E9%9B%BB">PC・ゲーム・家電</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/webdesign">webdesign</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/CSS">CSS</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/HTML">HTML</a>]</li></ul><br><p style="clear: left">画面の横幅に応じて br 要素での改行を切り替えるアイデア。 こういうメディア・クエリィの地味な使いこなし方は おもしろいなー。</p><a class="datetime" href="https://b.hatena.ne.jp/asiamoth/20120810#bookmark-105552702"><span class="datetime-body">2012/08/10 18:33</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

“Responsive Line Breaks,” an article by Dan Mall

v3.danielmall.com2012/08/10

You’re on an old version of this site. Please visit danmall.me for the latest. Responsive Line Breaks I create a lot of mobile-first, responsive designs. It’s the way SuperFriendly builds websites,...

3 人がブックマーク・2 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

“Responsive Line Breaks,” an article by Dan Mall

はてなブックマーク

公式Twitter

はてなのサービス