如何在不自动缩放的情况下在任何屏幕尺寸上使用 CSS 代码调整网页大小?

问题描述 投票:0回答:1

我有一个使用 ReactJS 设计的网站。使用我的屏幕尺寸在 Google Chrome 上编译时的界面是 1920x1080,但是当使用分辨率较小的屏幕尺寸访问时,与原始界面相比它会自动缩放。

我想在任何屏幕尺寸上编译时冻结我的网站。

css reactjs typescript frontend
1个回答
0
投票

如果你想阻止你的网站根据屏幕尺寸自动缩放,你可以使用CSS媒体查询为你的网站在不同屏幕尺寸下的尺寸设置固定值。这是如何执行此操作的示例:

body {
  width: 1200px;
  height: 800px;
}

@media (max-width: 600px) {
    /* Add width and height styles here */
}

@media (min-width: 600px) and (max-width: 1200px) {
  /* Add width and height styles here */
}

@media (min-width: 1200px) {
  /* Add width and height styles here */
}
© www.soinside.com 2019 - 2024. All rights reserved.