如何制作可扩展的网页

Question

我注意到netflix.com和youtube.com等网页在1024px iPad上的显示效果与在1900px显示器上显示的一样。在这两种情况下都显示了所有内容。什么都没有被切断。

这意味着HTML或JavaScript会感知屏幕宽度，然后将所有内容扩展到该大小。例如，如果原生大小为1400px，并且页面加载到1024px屏幕，则所有必须缩放73％，包括字体。

他们是如何做到的？

Answer 1

这称为Responsive web design，最常见的方法是使用CSS media queries。

所以页面没有＆＃34;缩放＆＃34;本身，但旨在利用额外的空间，并可用于鄙视消费设备的限制。