[[返信する]]
PCとスマホのテキスト表示
by 相良
2018-09-13 18:11
自分で調べても良く分からなかったのでお聞きします。
このHTMLで#warpの部分をpcとスマホ用二つずつにさせるにはどう変えたらいいでしょうか
このままだとスマホなら300くらいでちょうどいいんですけど、パソコンだとちょっと横幅が短い?のでパソコンを400くらいにさせたいんですよね…
ちょっと分かりづらいかと思いますが、分かった方いらっしゃいましたら教えて下さい…よろしくお願いします。

body{font-size:73%;
font-family:'Prociono', serif;
line-height:1.6;
letter-spacing:3.5px;}

#wrp{max-width:300px;
margin:0 auto;padding:23px 0;}

a{text-decoration:none;
color:#0000FF;}

input[type],textarea{
font-family:'Prociono', serif;
font-size:12px;
padding:5px;height:auto;
border-radius:3px;
letter-spacing:1.53px;
border-radius:0px;
box-shadow:none;
outline:none;
color:#000;
background:#FFF;
border:#000 solid 1px;}

input[type=text]{width:85px;}

input[type=submit]{
width:auto;cursor:pointer;
font-weight:normal;}

</style>
pc
[編集]
by 匿名
2018-09-13 20:06
端末振り分け独自タグを使ったらいいと思います。
<mobile>
#wrp{max-width:300px;
margin:0 auto;padding:23px 0;}
</mobile>
<pc_only>
#wrp{max-width:400px;
margin:0 auto;padding:23px 0;}
</pc_only>

mobileは携帯スマホ向け
pc_onlyはパソコン向け

関係ないですけど必要な引用符がないので訂正した方がいいです。
input[type=text]{width:85px;}

input[type=submit]{

input[type="text"]{width:85px;}

input[type="submit"]{
pc
[編集]
by 相良
2018-09-14 11:32
ありがとうございます!
お陰で出来ました
pc
[編集]

[返信する]
[戻る]
×
「#甘々」のBL小説を読む
BL小説 BLove
- ナノ -