Bug Type: Component

Environment

• Vue Version: 3.3.4
• Element Plus Version: 2.3.5
• Browser / OS: Edg/113.0.1774.38 Chrome/113.0.5672.162 Anadroid 13
• Build Tool: Nuxt

Reproduction

Related Component

• el-drawer

Reproduction Link

JSFiddle

Steps to reproduce

1. create nuxt3 project and introduce element-nuxt。创建nuxt3项目，引入element-nuxt
   "devDependencies": {
   "@element-plus/nuxt": "^1.0.5",
   "autoprefixer": "^10.4.14",
   "nuxt": "^3.3.1",
   "postcss": "^8.4.24",
   "tailwindcss": "^3.3.2"
   },
   "dependencies": {
   "element-plus": "^2.3.5",
   "vconsole": "^3.15.0",
   "vue-vconsole-devtools": "^1.0.9"
   }
2. Create a vue component using Drawer创建使用了Drawer的vue组件
3. Use this component on the page在页面上使用该组件
4. Use a mobile device on the same LAN to access this page使用同局域网的移动设备访问该页面
5. Click to open the drawer component点击打开drawer组件

What is Expected?

It is expected that the display effect in the mobile device will be the same as that on the computer期望移动设备中的显示效果和电脑上的效果一样

What is actually happening?

In fact, the background style of the drawer of the effect on the mobile device is disordered.实际上，在移动设备上的效果的drawer的背景样式错乱

Additional comments

最小复现环境的链接粘贴了plus组件的样例代码

You can see that the style in the upper left corner is disordered.你可以看到左上角的样式错乱