响应屏幕尺寸

Question

  

我可以通过哪种方法/代码使网站适合所有屏幕尺寸   没有在CSS中使用媒体查询？

     

    

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

  

Answer 1

您可以在CSS定义中使用vh（窗口高度的1％）和vw（窗口宽度的1％）单位（以及calc(...)所需的值）。

顺便说一下。 flexbox 是 CSS样式，是您可以考虑的下一步。

Answer 2

你可以使用

width:100% 

在你的css文件中进行响应式设计然后它会修复但是如果你有4个div然后你需要使用25％或更少。它将适用于所有部分，但如果它是移动设备，则总屏幕大小为500px，就像使用

时一样

width:25%

然后4 div将显示非常小的尺寸，如果你使用媒体查询那么它看起来不错就不好看。但百分比（％）将适用于您的目的