html - 如何创建适合所有屏幕尺寸的 Web 应用程序？
问题描述
我有一个任务摆在我面前，我必须制作一个适合所有屏幕尺寸的 Web 应用程序，即使是像 8k 这样的非常大的屏幕。
现在，我所说的适合不仅仅指布局，而是所有图像、文本、按钮、边距、填充、宽度、高度……一切都必须随屏幕大小缩放。在移动设备上，布局会发生变化，但是从 1080p 显示器到 8k 显示器，布局将保持不变，只是屏幕上所有内容的比例都会变大。
请记住，这是一个 Web 应用程序而不是静态网站，因此内容是动态的。
如果没有在每 100 像素上设置断点的一团糟代码，如何开发这样的应用程序？如果有人知道一个好的指南或课程，或者自己解决了类似的问题，请告诉我我愿意接受所有建议。
解决方案
推荐阅读
- c# - 表单和 DLL 之间的 C# 值重置
- google-cloud-platform - 您如何覆盖 Google AI 平台的标准库（即升级 scikit-learn）并为自定义预测例程安装其他库？
- bash - 如何在本地机器上的每次 git 提交后自动执行 mvn 验证？
- c - 空函数的大小
- c# - 使用 AAD/MFA 凭据连接到多个 Azure DB
- python - 在循环中为数据框创建一个数组
- c# - Nuget 还原因身份验证而失败
- python - 使用第二个轴将线图添加到条形图，使用自定义日期作为 x 刻度 matplotlib
- node.js - 获取由nodejs中的multer发送的文件？
- firebase - onAuthStateChanged 没有被调用，firebase + react native