Question

我正在建立一个响应式网站，该网站有3种不同的设计：一种用于移动设备，一种用于平板电脑，一种用于桌面设备。对于每个分辨率，我使用断点，但在桌面上有许多屏幕尺寸和分辨率，所以我必须在桌面断点内使用许多断点。

是否可以将页面设置为自身缩放，使其在每个桌面分辨率上看起来都相同（当然在较小的屏幕上页面会更小），并且仅将断点用于移动设备和平板电脑？

感谢＆＃39; S，丹尼尔。

Answer 1

当您处于桌面断点时，您可以使用百分比宽度，以便在用户更改屏幕大小时网站可以缩放。

例如：

{{ post.published_at|date("m/d/Y", "Europe/Paris") }}

Answer 2

是的，有可能。一种方法是默认情况下将页面设置为具有流畅的布局，并使用％作为主列（如果有的话还使用侧边栏），然后使用媒体查询设置断点，以便为每个移动断点设置不同的布局。对于默认的“桌面布局”，您可以设置最大宽度以限制流体布局。我个人会默认采用移动优先移动方式和移动方式，然后在特定断点处更改桌面。