Google先生のPageSpeed Insightsに教えを請いに行くと、研究所サブドメインのスマホ表示がイッカーンと言われていたので修正。今までtableタグを多用していたのですが、divタグに置き換える形で対応しました。これでPCでもスマホでもそれなりの見え方で表示できるようになったかと。表示幅によっては「む～ん？」ってなるけどね…。
▼木波ハッキング研究所
http://system.khl.mydns.jp/
https://ldlus.org
今まであまりデザイン、というかレイアウトを本腰入れて取り組んでいなかったので、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円 |
