はてなブログのスマホ版(モバイル版)で、横幅320pxのAdsenseとlinkwithin(レコメンドエンジン)がはみ出て、横スクロールが出てしまう問題（通称スマートフォン横スクロールガクガク問題）の対処法です。 ネットで引っかかる対応策が、情報が古いのもあるのか「？」な対応なものが多かったもので、わりとまじめに考えました。 結論 8/18 2:00 ブコメで指摘があったので、レスポンシブル対応に1行追加*1。このブログのスマホ版フッター(プロフィールの上)をレスポンシブルにしてみましたので参考までに*2 「ダッシュボード→設定→詳細設定→headに要素を追加」と選択 <style> /* 342px(320px/93.75%)未満の横幅のとき、adsenseを10pxずらす */ @media screen and (max-width: 341px) { .mobile-adsens
http://twitter.github.io/bootstrap/scaffolding.html#responsive 以下のサンプルはサイドバーに適用するのが前提なので、横幅が 480px 〜 980px あたりが一番領域が狭くなる(スマフォだとfloatが解除されて結果的に広くなるので)ので、以下のような感じの条件分岐になりました。 細かいところはそれぞれの環境に合わせて書き換えてください。 add_shortcode('responsive_adsense', 'responsive_adsense'); function responsive_adsense(){ $adsense =<<<EOL <script type="text/javascript"><!-- google_ad_client = "ca-pub-xxxxxxxxx"; var width = jQu
Home /Webデザイン /Webサイト開発・運営 /WordPressで作られたブログをTwitter BootstrapでレスポンシブWebデザインにしてみた！Adsense対応も！WordPressで作られたブログをTwitter BootstrapでレスポンシブWebデザインにしてみた！Adsense対応も！ 今日の夕方、Webデザイナーの方と最近のjQueryやらレスポンシブWebデザインの話とかしていました。特にレスポンシブWebデザインは3人ぐらいと話をしていて、自分もいずれこのブログのリニューアル時に導入したいと思って居ました。 そんな話をしていて「今日はこれからレスポンシブWebデザイン勉強するわ」と夕方宣言して、勢いでこのブログのリニューアルをしました。勉強からAdsense対応まで実質3，4時間ぐらいでやっつけで終わらせてIEにまだ対応していないのはここだけの話です
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
