我有一个网站，当我为媒体在chrome和Firefox上查询媒体是否正常工作时，我为其他设备调整了大小，但是当我在移动设备中查看网站时，它出现了对齐问题，主要是在iPhone手机上，无法在chrome和Firefox中查看，因此无法修复
我的头部如下：
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<!-- css file -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<!-- Responsive stylesheet -->
<link rel="stylesheet" href="css/responsive.css">
<!-- Title -->
<title>BookTheParty</title>
<!-- Favicon -->
<link href="images/favicon.png" sizes="128x128" rel="shortcut icon" type="image/x-icon" />
<link href="images/favicon.png" sizes="128x128" rel="shortcut icon" />
这是我的网站链接：https://demo.booktheparty.in
任何人都可以告诉我如何正确查看对齐问题或有什么问题。
预先感谢