从ux.stackexchange交叉发布（根据建议）
我是UX和IA以及有关界面和解决方案设计的一切的新手。我需要做一个基于网格的简单图片库。我读了有关响应式设计和媒体查询的文章。
好的，在宽屏中，我有7列网格，在笔记本电脑中有5列，在平板电脑3中和在smarthpone 1中。这非常酷。我已经完成了流畅的布局，使用百分比作为width属性。我喜欢这种解决方案，因为它可以适应所有视口大小。
但是，如果用户使用“命令+”或“命令-”键更改字体大小怎么办？如果图像宽度为百分比，则容器大小不会更改，图像也不会更改。结果有点不可思议：所有内容都变小了，但是图像没有改变（嗯，边距改变了，甚至更奇怪了）。
但是，如果将em用作宽度，则不会获得更流畅的布局。
如何混合两种布局？
最佳答案
我个人喜欢设置2个单独的CSS样式表。一个用于主站点（台式机版本），另一个用于移动设备。
因此，在名为sensitive.css的样式表中，您可以具有以下内容：
@media only screen and (min-width: 768px) and (max-width: 1024px)
{
/*stuff in here*/
}
而且，您可以根据需要调整宽度，也可以根据需要添加更多宽度。
我个人不喜欢响应式设计，喜欢更流畅的设计。有太多不同大小的移动设备，因此使用流畅的设计可能会总体上更好地实现您要实现的目标。
至于字体大小，请尝试始终使用em，因为它会更精确地调整大小。