现代的图片库：流畅还是弹性？

Question

我是UX和IA以及有关界面和解决方案设计的一切的新手。 我需要做一个基于网格的简单图片库。 我读了有关响应式设计和媒体查询的文章。

好的，在宽屏中，我有7列网格，在笔记本电脑中有5列，在平板电脑3中和在smarthpone 1中。这非常酷。 我已经完成了流畅的布局，使用百分比作为width属性。 我喜欢这种解决方案，因为它可以适应所有视口大小。

但是，如果用户使用“命令+”或“命令-”键更改字体大小怎么办？ 如果图像宽度为百分比，则容器大小不会更改，图像也不会更改。 结果有点不可思议：所有内容都变小了，但图像没有变化（嗯，边距变化了，甚至更奇怪了）。

但是，如果将em用作宽度，则不会获得更流畅的布局。

如何混合两种布局？

Answer 1

我个人喜欢设置2个单独的CSS样式表。 一个用于主站点（台式机版本），另一个用于移动设备。

因此，在名为sensitive.css的样式表中，您可以具有以下内容：

 @media only screen and (min-width: 768px) and (max-width: 1024px)
 {
   /*stuff in here*/
 }

并且您可以根据需要调整宽度，或者在必要时添加更多宽度。

我个人不喜欢响应式设计，喜欢更流畅的设计。 有许多不同大小的移动设备，因此使用流畅的设计可能会总体上更好地实现您要实现的目标。

至于字体大小，请尝试始终使用em，因为它会更精确地调整大小。