伊豆・伊東情報館 Blog

遅ればせながら、コツコツとレスポンシブ化を進めています。
　>>　伊豆・伊東情報館
日記を引っ越したのも、それが理由だったんですけどね。
　>>　古い日記

「freo」を選んだのは「Web Diary Professional」のデータを引き継げそうだったから。
ただ、設定を間違ったようで…
分類やタグ・リンクなど、ちょっとおかしくなっています。　orz

とにかく、5000ページ近くあるので、隙を見て修正していこうかと。
ちなみに現在、～4180・730～1までは修正済みです。
誤字脱字等も気付けば一緒に。　(*ノノ)

リンクに関しては
　×　http://izuito.net/_cgi/freo/archives/△△.html
　○　http://izuito.net/_cgi/freo/index.php/view/△△
こんな感じです。　orx

で、本題のレスポンシブ化。
一応、Chromeの検証機能で確認はしてるんですけど…

ぶっちゃけ、まだガラケーなんですよねぇ～
≧∇≦ブハハハハハ

なので、自分の目で実際に確認出来ないという気持ち悪い状態。

もちろん、そんな時はググる先生。
モバイルフレンドリーテストなるページで確認しています。

んが。。。

ページ全体（body）は
ブラウザの幅に合わせて
ちゃんと修正されているんだけど…

ググる先生には怒られちゃいました（テヘペロ

まぁ、なんとなく予想は付いているんですけどね。

予想していた部分をコメント化すると成功。

原因は、amazonの「ぐるぐるウィジェット」でした。

それにしても…
('A`)メンドクセ

どうせ、そのうちスマホの方が
レスポンシブ化してないページに対応してきそうだし。

まぁ、CSS3で出来る事は面白いので
ググる先生の評価は気にせず、遊んでみます（苦笑