英文サイトで変な余白ができる

word-break・・・文の改行の仕方について指定する(IEがCSS3の草案を先行採用) 以下で解消出来ました。

レスポンシブのサイトでスマホの時だけtelリンクを有効にする

レスポンシブのサイトでスマホの時だけtelリンクを有効にする

tableをレスポンシブ対応でスマホで見せる小技(追記あり)

レスポンシブWebデザインでテーブルを使う時の小技 ADRさんで一番上のデモを使いました。 rowspanがある場合に。 がカギです。 レスポンシブのTableタグ(rowspan使用)

headerのHTML&CSS(横並びにしたリストを右寄せにする)

名称未設定-1

logoにfloat:leftをかけているのでロゴと並んでいる。webフォントはカスタムメニューの表示オプションで設定している。 nav.cssにaタグにdisplay:block;があり、なかなかアイコンとテキストが並 […]

googleマップの挿入

Google Mapのレスポンシブ ウェブ デザイン対策

レスポンシブのサイズ

PC @media screen and (min-width: 769px){ } タブレット @media screen and (max-width: 768px){ } スマホ @media screen and […]

グローバルナビのテキスト化

◆スタジオゼロで使ったグローバルナビゲーション レスポンシブ対応:横幅が狭くなるとメニューを折りたたみます。 ◆ADRで使ったグローバルナビ 文字の量で幅を自動で調節! display:tableを使って均等な幅で要素を […]

レスポンシブのセンター寄せのまとめ

下部をセンター寄せにするのが難しかった の幅が300pxの場合 CSSでテキストの配置を左寄せ又は右寄せに指定する

お問い合わせはこちら

月別アーカイブ

お気軽にお問い合わせください
受付時間9:00~19:00電話:050-3573-0080
受付時間24時間お見積もり・お問い合わせ