SeijiNIshiwaki https://blog.hatena.ne.jp/SeijiNIshiwaki/ SeijiNIshiwakiの日記 https://webdesign-blog-nishiwaki.hatenablog.com/ 親要素に width:100%; を指定する ブートストラップでレスポンシブデザインを取り入れたサイトを作った時に画像に対して img-responsive を設定すると画像が画面幅に応じて大きくなったり小さくなったりするはずだったがなぜかFirefoxだけ効かずにレイアウトが崩れる img-responsive には max-width:100%; が設定されているのでこれがなぜか効いていないということなので検索してみると 親要素の display:table をしている要素に table-layout:fixed を指定する事で回避できる という記事が多く見られるが、今回はこれには当てはま… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwebdesign-blog-nishiwaki.hatenablog.com%2Fentry%2F2015%2F03%2F16%2F224055" title="Firefox で max-width が効かないときの解決法 - SeijiNIshiwakiの日記" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2015-03-16 22:40:55 rich https://webdesign-blog-nishiwaki.hatenablog.com/entry/2015/03/16/224055 1.0 100%