html - 使用我们的任何尺寸的显示器进行网站布局和内容修复

Question

当我们的显示器尺寸发生变化时，如何修复网站布局和网站内容？就像从 15" 显示器更改为 21" 显示器......网站中的所有内容都不会改变。有时，当我们在另一台具有不同显示器尺寸的笔记本电脑上看到我们的网站时，网站的内容就会崩溃。

我制作了一个使用 div 标签的应用程序，但一个问题是在其他或大分辨率显示器中它显示不同的视图，而其他一些显示器显示我网站的另一种视图。那么如何修复所有显示器分辨率的视图。

Answer 1

我认为媒体查询听起来像是你的救星。您可以使用它们来创建响应式网站 - 从移动设备到平板电脑再到台式机等。通过媒体查询，您可以针对不同的分辨率并使用 CSS 修复/排序/调整您的设计，从而为用户提供最佳的观看体验。这种方法被称为响应式网页设计，这是目前的流行语。

一些信息的快速链接：

链接 1

链接 2

如果您想购买书籍/电子书，我建议：

响应式网页设计

Answer 2

那么来到响应式网页设计的世界，你的完美解决方案就在这里

您还需要探索媒体查询、响应式图像。