AJYA https://blog.hatena.ne.jp/AJYA/ ソフトウェア開発者の日常 https://ajya.hatenablog.jp/ HTML Mozilla Firefoxが40.0.2にアップデートされた後にあるサイトを見たら、テキスト入力欄の幅が広くなっていて、レイアウトがおかしくなっていました。 ソースコードを見てみると、 <input type="text" size="30" name="val1"> と指定されていました。Firefoxのバージョンがあがって解釈が変わったんだと判断し、Google Chromeで表示した場合のピクセル数を参考にして <input type="text" style="width:250px;" name="val1"> に修正しました。 photo credit: Mozilla Boo… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fajya.hatenablog.jp%2Fentry%2F2015%2F08%2F19%2F060500" title="inputタグの幅は、sizeではなくCSSで指定しよう - ソフトウェア開発者の日常" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/A/AJYA/20150819/20150819060019.jpg Hatena Blog https://hatena.blog 2015-08-19 06:05:00 rich https://ajya.hatenablog.jp/entry/2015/08/19/060500 1.0 100%