モバイルでウェブサイトの幅が変更されました

Question

こんにちは私のウェブサイトの幅は、モバイルでは通常表示されないので、ウェブサイトは小さすぎます。通常の幅は375となっていますが、それは980になります。私はなぜそれが分かりませんか？私はmaterializeを使用するだけで、SCSSは幅をハードコードしないからです。私はスタートを得る手がかりがありません。助けを求めています。ありがとうございました。モバイル画面の幅にコンテンツの幅を変更するには

.brand-logo { 
    margin: 0 10px 0 10px; 
} 

.YellowtailLogo { 
    font-family: 'Yellowtail', cursive; 
} 
.brand-logo img{ 
    height: 28px; 
    position: relative; 
    margin-right: 10px; 
    top: 3px; 
} 

.h1Landing { 
    font-family: 'Yellowtail', cursive; 
    color: #ee6e73; 
} 

.msg_page_container { 
    height: 100%; 
    position: fixed; 
    width: 100%; 
    overflow: hidden; 
    left: 0px; 
    padding: 0 10% 0 10%; 

    .collection { 
     overflow: scroll; 
     height: 40%; 
    } 

    .msg_input_div{ 

    } 
} 

Answer 1

使用メディアクエリー：

@media screen and(max-width:375px){ 
html,body{width:100%; 
box-sizing:border-box; 
} 
} 

とCSS

で

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

が含まれます0