html - 响应式设计像素与百分比

Question

我希望有人能提供帮助。

我最近在一个知名网站上观看了有关响应式网页设计的视频。

导师采取的方法让我百思不得其解。他基本上创建了三个样式表(大/中/小)，并在每个样式表中给出了 DIVS 的 PX 宽度并在必要时交换图像。

当然，这种方法是有缺陷的，他可以只使用百分比来进行流体布局，而不是通过媒体查询调用不同的样式表吗？？

他的方法有什么优势吗？

非常感谢，

Answer 1

灵活设计和响应式设计之间存在区别。

根据我阅读的一些书籍，您可以使用 % length 使布局灵活值，因此布局会适应视口(viewport)宽度的精确尺寸。

如果您使用媒体查询构建响应式设计，您可以制作一个使用绝对长度(像素)并调整这些硬编码值以根据媒体查询中定义的屏幕大小限制。

所以，灵活的设计可能和响应式设计一样好，而响应式设计可能基于固定宽度的布局。

不用说，您使用的方法将取决于您要尝试的设计构建以及它必须如何在各种设备中工作。

你教程的作者不一定是错的，但他们的方法不一定对构建响应式设计的最有效方法。在某些情况下，如果您使用% 值，您可以使用更简洁的 CSS 样式表来实现您的设计。