疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
![Firefoxのレスポンシブデザインビューに様々な機種のプリセットを一括追加できるアドオン | ライフハッカー・ジャパン](https://cdn-ak-scissors.b.st-hatena.com/image/square/4ba6a3bbedb26f59eb434ffef4369a56f56b15a8/height=288;version=1;width=512/https%3A%2F%2Fmedia.loom-app.com%2Flifehacker%2Fdist%2Fimages%2F2013%2F07%2F130728_re.jpg%3Fw%3D1280%26h%3D630%26f%3Djpg)
<div class="YouTube"> <iframe width="640" height="360" src="//www.youtube.com/embed/OE6TOU-IKJY" frameborder="0" allowfullscreen></iframe> <!-- / .YouTube--></div> /* YouTube */ .YouTube { overflow: hidden; position: relative; /* paddingで高さを出している */ height: 0; padding-top:30px; padding-bottom:56.25%; } .YouTube iframe, .YouTube object, .YouTube embed { position: absolute; top: 0; left: 0; width: 1
Webページ内に並べられた要素の高さを揃えるスクリプトサンプルや jQueryプラグインを今までもいくつか紹介してきましたが、 並べられた要素をレスポンシブ対応かつ1行ごとに高さを揃える形での スクリプトサンプルを試しに作ってみたので紹介してみます。 まずは動作サンプルから。 サンプル画面でウィンドウサイズを伸縮させてみてください。 「jQueryでレスポンシブ対応した1行ごとに要素の高さを揃える方法」サンプルを別枠で表示 MediaQueriesでウィンドウサイズによって1行ごとに並ぶ要素数を変えてありますが それぞれ1行ごとの最大の高さに要素の高さが揃うようになっています。 全体構成についてまずはHTMLから。 ◆HTML <div class="listarea"> <ul> <li>このテキストはサンプル用のダミーテキストです。このテキストはサンプル用のダミーテキストです。このテキ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く