Q&A
ご回答ありがとうございます。
pc版でもborder-radiusは適用させたいのですが、
spでの改行部分にborder-radiusがついてしまいます。
sp版でborder-radiusを適用しています。
pc版には適用させない記述の仕方が知りたいです。
HTML
1<h1><span>テキストが入ります</span><br><span>テキストが入ります</span> 2 <br class="hoge"><span>テキストが入ります</span> 3</h1>
css
1h1{ 2 font-size: 3.6rem; 3 text-align: center; 4 margin: 44px auto; 5} 6h1 span{ 7 background-color: #ccc; 8 height: 64px; 9 padding: 5px; 10 border-radius: 8px; 11} 12.hoge{ 13 display: none; 14} 15 16@media screen and (max-width:375px){ 17h1{ 18 width: 90%; 19 font-size: 1.8rem; 20 text-align: left; 21 margin: 0px auto 40px; 22 line-height: 2.3; 23} 24h1 span{ 25 height: 40px; 26 padding: 5px; 27} 28.hoge{ 29 display: block; 30} 31h1 .hoge{ 32 border-radius: 8px; 33}
回答2件
0
border-radius:0px
投稿2021/12/22 07:37
総合スコア14
0
pc版には適用させない記述の仕方が知りたいです。
単純に、@mediaの側にborder-radiusを書く、でいいのではないでしょうか？
投稿2021/12/22 07:49
総合スコア146018
> pc版でもborder-radiusは適用させたいのですが
> pc版には適用させない記述の仕方が知りたいです。
どっちなのですか？
失礼しました。
PC・SPどちらも適用させたいです。
SPのみ改行をし、border-radiusを適用すると、
PCでは改行していない１行の部分にもborder-radiusが適用されてしまいます。
spのみ改行するという記述をしているのを省いてしまいました。
今後気をつけます。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。