在放大之前
缩放之后
当我在移动屏幕设备中尝试时，网站的内容可以放大并显示白屏（您可以在图像中看到）
这里是代码：|
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>{{ config('app.name', 'Ifun') }}</title>
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
<!-- Scripts -->
<link rel="stylesheet" href="/build/assets/app.css">
<script type="module" src="/build/assets/app.js"></script>
</head>
<body class="font-sans text-gray-600 antialiased overflow-x-hidden min-h-screen">
<div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-700" style="background-image: url('{{ asset('images/bgauth.webp') }}'); background-size: cover; background-position: center; background-repeat: no-repeat;">
<div>
<a href="/">
<img src="{{ url('images/logomain.webp') }}" width="100px">
</a>
</div>
<div class="w-full max-w-full sm:max-w-md mt-6 px-6 py-4 bg-[#343762]/80 shadow-md overflow-hidden sm:rounded-lg">
{{ $slot }}
</div>
</div>
</body>
</html>```
I tried in mobile device screen and shows some blank space when zoom out. It should be stay same size as the screen.
