HTMLとあるスマホ案件にて、html制作中に出くわした現象の備忘録です。画像とテキストが横並びになるレイアウトで、画面サイズに合わせて画像のwidthを可変させるために、[display:table]と[display:table-cell]を組み合わせてCSSを記述していました。Chrome、SafariのWebkit系でのブラウザチェックでは問題なかったのですが、Firefoxではなぜかmax-widthが効いていないようで、画像サイズが縮小されずに原寸大で表示されてしまっていました。指定する事で回避できるようでした。<p>ダミーテキストダミーテキストダミーテキスト。100%;}表示サンプルサンプルhtmlFirefoxでmax-widthが効かない?のサンプル現状のスマホ案件は、ほとんどの場合でFirefoxは対象外になりますが、これから先、ひょっとしたらFirefoxOSが流行して制作側も対応を迫られる日がくるかもしれません。そんな日のためにも、このような現象がある事を覚えておくとよいかもしれませんね。スポンサーリンクシェアするツイートフォローするみっち関連記事ページ送り(ページネーション)CSSだけを使って複数ページにまたがる記事や、連載ものの記事に利用できる、ページ送り(ページネーション)のサンプルを紹介します。disp...記事を読むjQueryでグローバルナビの現在地をアクティブに(CSSクラス付与)Webサイト構築で、ほぼ必須と言ってもいいグローバルナビゲーションと現在位置(カレント)表示。7+IE8以降です」というケース。7でのIE...記事を読むJavaScriptで画像とリンクを動的に変更する(備忘録)とあるWeb制作案件にて、クライアントから「ボタンを押して画像とリンクを変えたい」という要望があり、対応した時の備忘録です。Vistaの延長サポートも2017年4月11日に切れたので、ぼ...記事を読む画像回り込み写真などの画像の横にテキストを流して配置する方法2つ。<p>&...記事を読むボックスからあふれたテキストを「...」で省略表示ページ送りの記事にもちょこっと書いていますが、1行分のボックスからあふれたテキストを省略表示する場合のサンプルです。XPのサポートが2014年4月に終了したことで、IE6を切り捨てる大きな理由ができ、Web制作関係者は歓喜に包まれたこと...記事を読むJavaScript(jQuery)でhtmlをインクルードJavaScript(jQuery)を使って外部に設置したhtmlファイルをインクルードさせるサンプルです。