[
[返信する]]
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
[編集]
[返信する]
[
戻る
]
[返信する]]
2018-09-13 18:11
pc
戻る
]