问题描述
了解 rem 并尝试使整个网站具有响应性。
根据1rem的值，我是否应该进行缩放：
- 字体大小和边距/填充文本周围
- 元素的边距/填充/大小不直接包含文本，如组件和图像
这取决于布局吗？
例如，我在卡片组件中有一个图像。当用户增加字体大小时，它周围的图像或空间可能会在较大字体旁边保持较小。
我应该让这种情况发生还是用字体大小缩放图像？我知道浏览器中的设置只会改变字体大小。例如，在 Facebook 上，浏览器设置中的字体大小不会影响图像或组件大小。
那么我应该只关心文本吗？
解决方法
我认为这完全基于上下文/偏好，但是，
-
通常是的，如果您使用 'em' 进行填充/边距（您应该这样做），这将自动缩放到其元素的字体大小。
-
取决于元素，文本对于某些人来说很难阅读，因为它的小线条具有独特的形状，因此缩放最有意义，但图像和其他元素通常更容易查看。 - 如果元素的内容类似于按钮的图标，我可能会用文本缩放它，因为它可能与某些文本相邻，所以如果文本缩放但元素没有缩放，看起来会很奇怪。否则，我只会使用响应式网页设计（例如 flex/grid）来填充页面空间，这是“缩放”，但对于可访问性而言较少，而对于设计则较多。