Javascript 响应屏幕大小

是否有一种方法/代码可以帮助我们使网站适合所有屏幕尺寸 在CSS中不使用媒体查询

我使用的样式是CSS样式，而不是bootstrap或flexbox

---

您可以在CSS定义中使用

vh

（窗高的1%）和

vw

（窗宽的1%）单位（以及

calc（…）

所需值）

Btw. flexbox <强>是 CSS样式，是下一个你可以考虑的问题。

可以使用

width:100% 

在你的css文件中的响应设计，然后它将被修复，但如果你有4个div，然后你需要使用25%或更少。它将工作的所有部分，但若它是移动设备，那个么总屏幕大小是500px，就像你们使用时一样

width:25%

---

然后4div将显示非常小的大小，这将不利于看到这一点，所以如果您使用媒体查询，那么它将看起来很好。但是百分比（%）对您的目的有用

请进一步描述您的问题。一个只有一个段落的简单网站在任何设备上都能轻松响应。你为什么不想使用媒体查询呢？我必须创建一个网站来显示手机、桌面和平板电脑。但我注意到这三种设备的屏幕大小和分辨率都不同。我在谷歌上搜索了不同的屏幕尺寸，我注意到有这么多。我知道当我在CSS中使用媒体查询时，我可以针对不同的屏幕大小进行正确的调整。但我不知道屏幕大小是最好的调整。同样考虑到这一点，我还必须为网站创建一个折叠。知道我必须为网站创建一个折叠，我不知道所有屏幕尺寸的截止高度在哪里屏幕截图，如何为每个折叠的窗口高度开发？在响应设计中，宽度是最重要的，但如果你想固定高度，那么%和px将起作用。在这种情况下，%将自动调整为屏幕，如果您使用px，则如果屏幕较小，则将显示滚动，如果屏幕较大，则屏幕的某些部分将为空白