我是UX和IA的新手，以及有关界面和解决方案设计的所有内容。我需要做一个基于网格的简单图像库。我读到了有关响应式设计和媒体查询的内容。
好的，在宽屏幕上我有7列网格，笔记本电脑5列，平板电脑3和智能电话1.这非常酷。我使用流体布局，使用百分比作为width属性。我喜欢这个解决方案，因为它对所有视口大小都很灵活。
但是如果用户使用“command +”或“command - ”键更改字体大小呢？如果图像宽度为百分比，则容器大小不会更改，并且图像也不会更改。结果有点奇怪：一切都变得越来越小但图像没有变化（好吧，边际变化，甚至更奇怪）。
但是，如果我使用em作为宽度，我将获得不再流畅的布局。
如何混合两种布局？
答案 0 :(得分：1)
我个人喜欢设置2个单独的css样式表。一个用于主站点（桌面版），另一个用于移动设备。
因此，在名为responsive.css的样式表中，您可以使用以下内容：
@media only screen and (min-width: 768px) and (max-width: 1024px)
{
/*stuff in here*/
}
您可以根据需要调整宽度，或在必要时添加更多宽度。
我个人不喜欢响应式设计，享受更流畅的设计。有许多不同大小的移动设备，使用流体设计可以更好地为您想要实现的目标做得更好。
至于字体大小，请尝试始终使用em，因为它会更准确地重新调整大小。