レスポンシブ デザインを開発するためのこの非常に素晴らしいガイドでは、著者は、小さな画面サイズで流動的になる固定列幅の設定について説明しています。
コンテンツの幅は 37.62136em です (16 ピクセルのブラウザーのデフォルトと、コンテンツにある 103% のフォント サイズ = 620 ピクセルを掛けます) 幅 100% に拡大すると、ビューポートが小さくなるまで。
私を困惑させる部分は使用していfont-size: 103%ます。その結果、ブラウザーはテキストを 17px としてレンダリングするので、それを手動で設定して、17px に基づいてコンテンツ div の幅を計算してemみませんか? おそらく、100% を超えるフォントサイズを使用すると、私が気付いていない他の副作用があるのでしょうか?