こんにちは。
質問させていただきます。
<p>の文章の横に来るように背景画像を設定したいです。 (右下の方)Dwで表示されるbg画像と
パソコンでのsfari,chromeは同じ位置に表示されます。
chromeで各デバイスごとでの表示も確認しています。
ですが、スマホの端末から見ると、若干ずれて表示されます。
左に寄ります。文字にかぶってしまうので、避けたいです。
スマホを頼りにcssを設定すると、
パソコンから見ると、右に離れていきます。
端末の文字のサイズの設定などが影響しているのでしょうか?
そもそも全ての端末で同じ位置というのは難しいのでしょうか?
メディアクエリで、320pxの端末には別途指定してるのですが、
それが何か影響しているのでしょうか?
<p>ここに5行ぐらいの文章がはいっています。</p> . p{ width:300px; font-size: 10px; margin:15px auto 55px auto; line-height: 20px; background-image:url("../images/画像.png"); background-repeat: no-repeat; background-position: 256px 35px; background-size:45px;} @media screen and (max-width:320px) { main { width:100%;} . p{ font-size: 9px; width:300px; height:130px; bbackground-image:url("../images/画像.png"); background-position: 249px 37px;}}
あなたの回答
tips
プレビュー