jdg https://blog.hatena.ne.jp/jdg/ あと味 https://taiju.hatenablog.com/ CSS JavaScript 文字数で幅を指定できるエラスティックレイアウトが好きです。CSSでレイアウトする時、各ブラウザがページズーム機能を導入した今はほとんど必要ないことかもしれませんが、一行あたりの文字数は読みやすい数というものがきっとあると思っています。エラスティックレイアウトにしても、ページズームに対応していないブラウザでは、画像のサイズが拡大されません。そこがちょっと物足りないので、画像のズームも含めたエラスティックレイアウトを実現するためのサンプルを作ってみました。最初に断っておくと、私はあんまりCSSを弄ることがないので、CSSのことツッコまれるとちょっとソワソワします。 HTMLサンプル <!docty… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftaiju.hatenablog.com%2Fentry%2F20100304%2F1267708312" title="ページズーム機能がないブラウザで、画像の拡大を含めたエラスティックレイアウトを実現するサンプルを作った - あと味" 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 2010-03-04 22:11:52 rich https://taiju.hatenablog.com/entry/20100304/1267708312 1.0 100%