我對html和css相當陌生，不知道我在做什么，試圖制作一個響應(yīng)性網(wǎng)站，我只是在使用chrome開發(fā)工具檢查它在其他設(shè)備上的外觀，出于某種原因，我會檢查它，它有一個側(cè)滾動條，但如果我真的不改變代碼，只是關(guān)閉web工具并重新打開它們，再試一次，沒有滾動條，idk為什么會這樣做，
在此輸入圖像描述
在此輸入圖像描述
我想知道是不是我的代碼或網(wǎng)絡(luò)工具出了問題，但在其他網(wǎng)站上似乎沒有。
https://jsfiddle.net/p7yo3u06/1/
PS:我不知道我在做什么，我從來沒有使用過小提琴之前，它說我必須在這里張貼代碼以及小提琴的鏈接
<!DOCTYPE html>
<html lang="en">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/3f739494fd.js"
crossorigin="anonymous"></script>
<head>
<link rel="stylesheet" href="Mobile.css">
</head>
<body>
<div class="topbar">
<div class="secondtopbar">
<div class="navflex">
<a href="#" class="Home"> Home </a>
<a href="#"> Our Projects </a>
<a href="#"> Contact Us </a>
<a href="#"> FAQ </a>
</div>
<a href="#" class="quote"> Get A Free Quote </a>
<div class="threebars mobile">
<i class="fa-2x fa-solid fa-bars" style="color: #ffffff;"></i>
</div>
<img class="title" src="Titletext2.png">
<div class="phone mobile">
<i class="fa-2x fa-solid fa-phone" style="color: #ffffff;" ></i>
</div>
</div>
</div>
</body>
</html>半鑄鋼?鋼性鑄鐵(Cast Semi-Steel)
:root {
--primary-color : rgb(226, 45, 45);- topbar-color :rgb(51，52，53)； -橫幅-顏色:# 231f20
}
{
邊距:0； 框尺寸:邊框-框！重要； 邊框:1px soli 輪廓:1px紅色固體！重要；能見度:可見！重要的 }
。第二頂欄圖像{
寬度:300px高度:66px
}
一個{
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
padding : 5px;
margin-left : 1vw;
color : white; }a、h1、h2、h3、h4、h5、p {
顏色:白色；font-family : system-ui，-apple-system， BlinkMacSystemFont，' Segoe UI '，Roboto，Oxygen，Ubuntu，Cantarell， 開Sans '，' Helvetica新'，無襯線；
}
。主頁{
background-color : var(--primary-color);}
。手機{
display : none;
background-color : red;
padding : 10px }。navflex {
display : flex; }。報價{
background-color : var(--primary-color);
margin-right : 1vw;
border : 1px solid; }。第二工具欄{
margin : 0 6v;
justify-content : space-between;
display : flex; }。標題{
display : none;}
。頂部欄{
background-color : var(--topbar-color);
border-bottom : rgb(255, 0, 0) solid 2px;
padding : 5px 0;}
/*手機款式*/
@media all and (max-width: 630px) {
.mobile {
display : block;
}。navflex { display:無；}
。報價{
display : none; }。第二工具欄{
margin : 0 10px;}
。標題{
display : block; }}