我有一个使用 ReactJS 设计的网站。使用我的屏幕尺寸在 Google Chrome 上编译时的界面是 1920x1080,但是当使用分辨率较小的屏幕尺寸访问时,与原始界面相比它会自动缩放。
我想在任何屏幕尺寸上编译时冻结我的网站。
如果你想阻止你的网站根据屏幕尺寸自动缩放,你可以使用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 */
}