[CSS]スマフォ対応サイトのためにMedia Queriesをしっかり身につけるチュートリアル
iPhoneなどの小さいサイズのモニターをはじめ、2560pxの大きいサイズのモニターなど、それぞれの幅に適したレイアウトを自動的に適用するMedia Queriesをしっかりと身につけるためのスタイルシートのチュートリアルを紹介します。 Adaptive & Mobile Design with CSS3 Media Queries [ad#ad-2] 下記は各ポイントを意訳したものです。 デモページの確認 HTML CSS Media Queries 完成したデモの確認 デモページの確認 チュートリアルの前にまず、それがどのように見えるかデモページをチェックしてみてください。 このデモページはHTML5+CSS3 Media Queriesで作成されており、ユーザーが使用しているビューポートのサイズに適したレイアウトに自動調整して表示されます。 デモページ 左から、ノーマル、ナロウ、ス
forked from: CSS3でOPP - jsdo.it - Share JavaScript, HTML5 and CSS
// forked from GeckoTang's "2010-09-22 2nd" http://jsdo.it/GeckoTang/E2oW <div class="chest"> <div class="pururun left" id="op"><div id="chi" class="pururin"></div></div> <div class="pururun right" id="op"><div id="chi" class="pururin"></div></div> </div> body { background-color: #fee8c2; padding-bottom: 50px; } #op{ position: relative; margin: 15% auto; width:200px; height:200px; background:#ffe0
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
