広告

posted by fanblog

2015年01月05日

サイトのレスポンシブ化に一歩前進!CSSのアウトラインをスタディー完了

cocologのブログはレスポンシブ対応といってもサイドバーのscriptを完全に除いてしまうので余計なお世話の機能だ。

わざわざ高い会費を払ってアフィリエイトのために書いた記事を、自分たちのためだけ人転用しているようなものだ。

これを避けるために私はこのブログを自分でレスポンシブ対応に変える準備をしている。

その第一歩がCSSのスタディーだが、意外とすんなり終わってしまった。

デバイスの画面によってCSSを切り替えるコードはテストをしているので之が使用できる。

ただ、注意しなければいけないのは解像度とピクセルの関係だ。

PCの場合には問題ないのだろうと思うがスマホの場合には注意しないと表示がおかしくなる可能性がある。

この辺りは、現在使用中のレスポンシブ対応のサイトのCSSを参考にしようと思っている。

この場合、広告の配置にも工夫が必要だ。

Adsenseの場合、PC表示では広告の数などの制限は画面単位だが、スマホの場合にはViewport単位となる。

広告の数の制限も異なる。

アクセスの少ない影響の少ないサイトから徐々に切り替えることになるだろう。
この記事へのコメント
コメントを書く

お名前: 必須項目

メールアドレス:


ホームページアドレス: 必須項目

コメント: 必須項目

認証コード: 必須項目

※画像の中の文字を半角で入力してください。

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバックURL
https://fanblogs.jp/tb/3137949
※ブログオーナーが承認したトラックバックのみ表示されます。

※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック
Build a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: