<分区>
我目前正在开发一个新的安全和加密的社交网络，但我现在被困住了。 我从来没有想过我的网站在其他台式机和笔记本电脑(不是手机)上的外观。问题是我用 px 定义了所有元素大小。 我希望我的网站在其他机器上以完全相同的比例显示。
有什么想法吗？
附言我不想使用 %
提前致谢😀
最佳答案
尺寸单位的主题是一个广泛的主题，您应该仔细阅读。
https://developer.mozilla.org/en-US/docs/Web/CSS/length
您有几个选择。第一，您可以使用媒体查询根据一些分辨率范围极大地改变您网站的布局。
https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries
第二，您几乎可以将 px 的所有使用更改为其他尺寸单位之一。 em 可用于基于当前字体大小的任何大小/距离，vh/vw 可用于基于当前分辨率的大小。 (例如，width: 100vw 将与屏幕一样宽)
响应式布局通常涉及同时使用其中的几种技术。我的预测是，如果你想在任何设备上使用相同的比例，你可能希望所有距离都基于 em，并在根部设置不同的 font-size基于媒体查询。也就是说，允许所有设备因其分辨率而具有不同尺寸并不总是错误的。因此，通常更小/更大的设备有调整的方法。例如，很少有网站无法使用只是因为 Apple 为 OS X 和 Safari 制造了超高分辨率显示器。
如果您手边没有其他笔记本电脑，许多浏览器可以使用其 F12 开发者工具模仿其他设备或其他设备的分辨率。
关于html - 使 div 的宽度和高度在所有分辨率下都相同(仅限桌面，不适用于移动设备)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35853050/
相关文章：
html - 使用 bootstraps 创建的 Navbar 左右都有空白
html - 如何在非标准形状的透明 PNG 后面创建背景颜色？
javascript - 如何通过 File API 执行 json 文件中的数据？
python - 运行各种 Flask/Python 脚本时，本地主机已停止更新，如何修复此问题？
html - 尽管类为 ="container-fluid"，但页脚未显示全宽
css - Delphi 10 西雅图样式书在其他窗体中无法正确设置，然后是主窗体
html - 输入 :text different positioning in different browsers