先日書いた記事 www.fair-skinned-monster.com で、公開した後に「スマホ」で見ると文字が切れてるということに気が付きました。 いや、本当は気付いていましたが対応が面倒だったのでそのまま公開しました。ちょっと後悔。 クリック率アップを目指して文字広告リンクをCSSで装飾で、今日はその「スマホ対応ぽい」ものをやって見たので、もう1回テスト。 (実際にスマホで確認取れない環境で記事書いてるので上手く行ってない時は・・・また家に帰ってから考えます。適当ですみません。) テキスト記事を囲むCSS まずはテキスト広告をボタンのように囲んで色を塗るCSSです。 .ad-link { width:250px; margin:0px; padding:0px; display:block; border-style : none; } /* 768px以上 */ @media (m