【デザイン】tableからfloatへ


Google先生のPageSpeed Insightsに教えを請いに行くと、研究所サブドメインのスマホ表示がイッカーンと言われていたので修正。今までtableタグを多用していたのですが、divタグに置き換える形で対応しました。これでPCでもスマホでもそれなりの見え方で表示できるようになったかと。表示幅によっては「む~ん?」ってなるけどね…。

▼木波ハッキング研究所
http://system.khl.mydns.jp/

今まであまりデザイン、というかレイアウトを本腰入れて取り組んでいなかったので、floatの勉強になりました。PageSpeed Insightsは大分改善しましたが、外部読み込み系がことごとく引っかかってますな。広告を外せば改善するんだろうけどね…。

【参考サイト】
http://www.webword.jp/cssguide/ref-visible/index4.html
http://whisper.sakura.ne.jp/diary/2009/06/cssfloat.html

HTML5&CSS3デザインブック [ エ・ビスコム・テック・ラボ ]

価格:2,808円
(2015/7/20 17:34時点)
感想(1件)

コメントを残す

メールアドレスが公開されることはありません。