2015?4?? input size ????

2015年04月03日UP
  • このエントリーをはてなブックマークに追加

??????????????????????????????????
???????input size ???????????????????????????????????????????????????????2015?4???????????

????????????????????

??<input size=”30″>???HTML?size??????
?????????????????
??CSS?width??????????
?????CSS?????style=”width:000px”?????

?????????????????

???????????????????2010?9?22????????5??????????????????IE8??????firefox3???mac???Macintosh????????????????????????????????

???????????????????????????????????????

??????input size???????????????????????????????????????????????????????

?????input size??????????????????????????

???HTML?input?????????

?<input size=”30″ name=”???” value=””>?
???

size=””????????????

??????????????????
? ????????????????????????????????

input?size????

??????????
CSS??????????????????????

?<input name=”???” value=”” style=”width: 200px;”>?
????????OK???

input?size????????????CSS?????????

??????????
?????????size=”20″????????????????????

?????????????????????????????

input size??????

????CSS???????????????????
CSS??????????????

CSS??????????????????

???????????
Window?????F12??mac?????option + command + U????????????
?mac firefox??F12???????

??????????????????????????????????????????????????????????????????????????input???????????????

??????????????CSS????????

? OS???????????????????

input??????????

?????????
???????CSS??????????????

input???????Web??????????

?<input name=”???” value=”” style=”width: 80%;”>?
???width?%???????????????????????

? ??????????????????????????
? ???????????????????100%??????????????????

????CSS??????????

?HTML
<input name=”???” value=””>

?CSS
input{ width: 80%; }

@media screen and (max-width:568px){
input{ width: 100%; }
}

????????

??????????input?????????????

?HTML
<input name=”???” value=”” class=”re-width”>

?CSS
input.re-width{ width: 80%; }

@media screen and (max-width:568px){
input.re-width{ width: 100%; }
}

??????????


??????????????

??????????????????????????????????????????????????????input????CSS???????????????????????????

input size ???????
???????????????????????????
?4??????WordPress??????????????????????????

??
???????????????5??????????
? ?????????????????????????

?????????EFO???Web????????????????????
??????????????????????????

???????????????????????????????????????????????

????????
??? ? kiriyama@ht-produce.com
facebook ? https://www.facebook.com/h.t.p.kiriyama

?????
??????EFO?????????????????????????????????
???????????????????

?????????????????????????????
???????????????????????????????
?????????????

???????????????

タグ: | | |