当字体都设置为em时，如何设置div的大小？
How to set size for div when the fonts are all set in em?
我想创建一个仅使用 "em" 字体大小的页面。
该页面将有一个网格（图块），每个单元格都有一个图像，图像上方和下方有一些文本。图片的大小均为 200px X 200px。 Grid Cell 会比图像稍大一些以容纳文本区域。
我应该如何设置 Div 和 Img 标签的高度和宽度，因为我只想依赖 "em" 而不是 "px" 的字体大小。
em 是一个相对测量单位，它从父元素的字体大小继承其值，因此要使用 em 将一致的宽度应用于 img 元素，您您将需要使用 px 中的度量在文档结构中的某处定义字体大小并从中继承。
供参考，其中 1em 等于 16px，宽度为 200px 的图像将是 12.5em 宽 - 200 / 16。
在任何情况下，您都需要在 px 中至少指定一次您自己的衡量标准，以确保跨浏览器的兼容性。并非每个浏览器都使用相同的默认字体大小，用户可能手动更改了浏览器的默认字体大小。如果您依赖默认设置，您很可能不会获得一致的结果，并且会对您的网格设计造成不利影响。
我想创建一个仅使用 "em" 字体大小的页面。
该页面将有一个网格（图块），每个单元格都有一个图像，图像上方和下方有一些文本。图片的大小均为 200px X 200px。 Grid Cell 会比图像稍大一些以容纳文本区域。
我应该如何设置 Div 和 Img 标签的高度和宽度，因为我只想依赖 "em" 而不是 "px" 的字体大小。
em 是一个相对测量单位，它从父元素的字体大小继承其值，因此要使用 em 将一致的宽度应用于 img 元素，您您将需要使用 px 中的度量在文档结构中的某处定义字体大小并从中继承。
供参考，其中 1em 等于 16px，宽度为 200px 的图像将是 12.5em 宽 - 200 / 16。
在任何情况下，您都需要在 px 中至少指定一次您自己的衡量标准，以确保跨浏览器的兼容性。并非每个浏览器都使用相同的默认字体大小，用户可能手动更改了浏览器的默认字体大小。如果您依赖默认设置，您很可能不会获得一致的结果，并且会对您的网格设计造成不利影响。