こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

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

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

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

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

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


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

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


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

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

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

投稿日時 - 2018-05-20 01:06:24

QNo.9500101

困ってます

質問者が選んだベストアンサー

それは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自体を切り替えればいいでしょう。

投稿日時 - 2018-05-22 10:57:55

ANo.2

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

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

投稿日時 - 2018-05-21 02:48:00

あなたにオススメの質問