すべての記事下に文章を置く

質問

すべての記事の下に、同じ文章を置きたいと思っています。

ですが、重複コンテンツとなる恐れがあるため、
キャプチャした画像にしようと思っています。

一度、やってみたのですが、
スマホ画面で見ると、文字が小さすぎたり、
画質の影響で文字がつぶれたりしてしまいます。

かといって、画像を大きくすると、
PC画面で記事下に大きい画像になってしまいます。

文章は、全部で３００文字ほど。
文章と文章の間に、リンクがあります。

そのため、画像ではさむ形になります。

スマホに寄せると、PCで大きい画像になるし、
PCに寄せると、スマホで文字が小さくなります。

すべての記事下に文章を置く。
何か良い方法はありますでしょうか？

良い方法があれば、教えていただければ幸いです。
よろしくお願いいたします。

回答No.2

hue2011 · ベストアンサー

それはCSS3の基本機能じゃないですか。

<link rel="stylesheet" href="sphone.css" type="text/css"
media="screen and (max-width: 899px)">
<link rel="stylesheet" href="pc.css" type="text/css"
media="screen and (min-width: 900px)">

こんな感じで使うCSS自体を切り替えればいいでしょう。

回答No.1

AsarKingChang

>スマホに寄せると、PCで大きい画像になるし、
>PCに寄せると、スマホで文字が小さくなります。
ん？
メディアクエリ使ってないの？
PC/SP別々のCSS使うのが普通かと、
同じCSSだけでやろうとしたらそりゃ、そうなるのは、
当然と思いますよ。
メディアクエリで解像度が狭いなどの端末には
別のレイアウトで送り出せば、全部解決する要件じゃないでしょうか？
これ。