我遇到了一個問題，我的筆記本電腦和PC的屏幕分辨率相同，都是1920x1080，但在Windows中有一個名為“更改文本、應(yīng)用和其他項目的大小”的設(shè)置在我的電腦上，它被設(shè)置為100%，而在筆記本電腦上，它被設(shè)置為125%。有沒有辦法在CSS中設(shè)置一個參數(shù)，讓用戶用125%輸入時，瀏覽器將網(wǎng)頁縮小25%？我將非常感謝任何幫助。下面是一個測試組件，其中筆記本電腦和PC上的文本大小不同

SCSS:

$sizeImg: 75%;

.test {
    @apply w-screen h-screen flex;
  
    .cover {
        @apply w-[50%] relative flex justify-end items-center;
        
        &:before {
            content: '';
            @apply bg-slate-400 absolute;
            width: calc(100% - #{$sizeImg} / 2);
            height: 100%;
            left: 0;
        }
    }

    .text {
        @apply w-full bg-slate-600;
    }
}

組件:

import React, { useState } from 'react'
import './Test.scss';
import image from '../../assets/images/MainPhoto.png'

function Test() {
  return (
    <div className='test'>
      <div className="cover">
        <p>text</p>
      </div>
      <div className="text"></div>
    </div>
  )
}

export default Test;