使我的网站适应不同的分辨率
Adapting my website to different reslutions
我一直在这个网站上工作，它快结束了..直到我发现我的电脑是 高分辨率 (1920 x 1080px)。
我在 1024x768 像素中测试了我的网站，它...不是我所期望的。
反正我在网上搜了好几遍，还是有问题没找到答案，所以才来请教大家，希望能找到答案！
首先，我希望我的网站能够适应计算机上从 1024 到 1920 的任何屏幕分辨率。
另外，我希望当你缩小 window 时它会很舒服（你知道，就像当你让网页只覆盖一半屏幕时）。
（英语不是我的母语所以我希望你们仍然能理解它..）
1- 我开始使用 px。这不适用于较低的分辨率，用户必须取消缩放。所以现在我按照网上的建议使用 % 。但是现在，当我减少屏幕左侧的 window 时，它也会适应，但太多了。我希望它在您将 window 减少太多时出现水平滚动条。
所以基本上这就是我的问题，我应该怎么做？ 我发现很多网站都运行良好（比如这个，如果你减少 window 水平滚动条出现！）
也许结合 px 和 % ？我不知道，我真的不知道该怎么办。
2- 屏幕的分辨率是否与屏幕上window的大小相当？例如我的分辨率是：1920x1080px
如果我将 window 放在屏幕的左半部分，将相当于 1920x5040 像素的分辨率？
3- 对于 手机和平板电脑 ，是否只是分辨率较小的问题？或者还有更多？
非常感谢你在这方面帮助我！
干杯，
比尔
- 首先，您需要有一个包含所有元素的容器。每个百分比值都基于它的容器。而对于滚动条，可能在您的站点容器中有 CSS
overflow: hidden，因此您需要将其删除或更改为 overflow: auto
- 我想你的意思是内容将水平收缩并垂直扩展。这是因为您没有任何容器来用百分比宽度包装每个元素。所以你需要拥有它并设置那个容器的
min-width。
- 对于触摸设备，您的网站将根据容器的大小进行缩小。
这不是一个简单的问题。您要做的是停止以像素为单位进行思考。阅读响应式设计。了解 HTML 的弹性特性及其重排文档的能力。了解媒体查询。
基本上，从一开始，除非必要，否则不要 为任何内容指定明确的宽度。 s 和
s 自动拉伸至全屏宽度，无论分辨率如何。
恐怕你前面还有一段学习曲线。祝你好运，多读书。
我一直在这个网站上工作，它快结束了..直到我发现我的电脑是 高分辨率 (1920 x 1080px)。 我在 1024x768 像素中测试了我的网站，它...不是我所期望的。
反正我在网上搜了好几遍，还是有问题没找到答案，所以才来请教大家，希望能找到答案！
首先，我希望我的网站能够适应计算机上从 1024 到 1920 的任何屏幕分辨率。 另外，我希望当你缩小 window 时它会很舒服（你知道，就像当你让网页只覆盖一半屏幕时）。
（英语不是我的母语所以我希望你们仍然能理解它..）
1- 我开始使用 px。这不适用于较低的分辨率，用户必须取消缩放。所以现在我按照网上的建议使用 % 。但是现在，当我减少屏幕左侧的 window 时，它也会适应，但太多了。我希望它在您将 window 减少太多时出现水平滚动条。 所以基本上这就是我的问题，我应该怎么做？ 我发现很多网站都运行良好（比如这个，如果你减少 window 水平滚动条出现！） 也许结合 px 和 % ？我不知道，我真的不知道该怎么办。
2- 屏幕的分辨率是否与屏幕上window的大小相当？例如我的分辨率是：1920x1080px 如果我将 window 放在屏幕的左半部分，将相当于 1920x5040 像素的分辨率？
3- 对于 手机和平板电脑 ，是否只是分辨率较小的问题？或者还有更多？
非常感谢你在这方面帮助我！ 干杯， 比尔
- 首先，您需要有一个包含所有元素的容器。每个百分比值都基于它的容器。而对于滚动条，可能在您的站点容器中有 CSS
overflow: hidden，因此您需要将其删除或更改为overflow: auto - 我想你的意思是内容将水平收缩并垂直扩展。这是因为您没有任何容器来用百分比宽度包装每个元素。所以你需要拥有它并设置那个容器的
min-width。 - 对于触摸设备，您的网站将根据容器的大小进行缩小。
这不是一个简单的问题。您要做的是停止以像素为单位进行思考。阅读响应式设计。了解 HTML 的弹性特性及其重排文档的能力。了解媒体查询。
基本上，从一开始，除非必要，否则不要 为任何内容指定明确的宽度。 s 和
s 自动拉伸至全屏宽度，无论分辨率如何。
恐怕你前面还有一段学习曲线。祝你好运，多读书。