スマホのレスポンシブデザインで右側に余白ができる場合 | Web Design Leaves
レスポンシブのサイトを作成していたら、何故かスマホのサイズの場合のみ、右側に余白（空間）ができていた。 HTML の構造は以下のようなもの。 <body> <div id="header" class="clearfix"> <div id="header_inner"> <h1 id="logo">タイトル</h1> </div> <div id="navi"> <ul id="navi_menu" class="clearfix"> <li><a href="index.html">Home</a></li> <li><a href="works.html">Works</a></li> <li><a href="statement.html">Statement</a></li> <li><a href="#" class="disabled">Resume</a></li> <li
カルーセルパネル（スライドパネル）の表示 | Web Design Leaves
カルーセルパネル（パネルをスライドして１周すると元のパネルに戻る）やスライドパネルを使う際のメモと練習（実用的でないものがほとんど）。 カルーセルパネルの表示（サンプル１） サンプル１ シンプルなカルーセルパネルを表示する。 カルーセル全体を囲む div 要素を配置（id=”slider_wrap”） その内側に「戻る」（slider_prev）と「進む」（slider_next）ボタンを配置 パネルを表示する領域の div 要素（id=”slider”）を配置（overflow: hidden に設定） div 要素（id=”slider”）の内側にパネル全体を格納する div 要素（id=”slider_inner”）を配置 その内側にパネルを ul li 要素で記述 画像の幅は「150px」、高さは「85px」 カルーセルを実現するには最低３つの ul 要素（パネル）が必要 HTML
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
