reactjs 当屏幕尺寸改变时,响应式UI中断

hsvhsicv  于 2023-03-29  发布在  React
关注(0)|答案(1)|浏览(116)

我正在开发一个响应式Web应用程序。问题是,当我更改屏幕大小时,页边距会中断,但当网页刷新时,它可以完美工作。我应该怎么做?我正在使用css实现设计和响应。

z9smfwbn

z9smfwbn1#

您需要管理它以响应屏幕大小。查看以下链接很有用:https://www.w3schools.com/css/tryit.asp?filename=tryresponsive_mediaquery_breakpoints

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
   body { margin: 100px; }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
   body { margin: 20px; }
}

相关问题