手机网站的宽度发生了变化

Question

您好我的网站宽度在移动设备中没有正常显示，因此网站看起来太小了。正常的宽度应该是375，但它变成980.我不明白为什么？因为我只使用物化，而我的SCSS没有硬编码任何宽度。我没有任何线索可以开始。希望得到一些帮助。谢谢。

<div fxLayout="column" >
   <div fxFlex="1 0 200px" >  
       <p>... Really Really long Lorem Ipsum ...</p>
       <!-- expecting flex div to grow to accommodate, 
            content size with vertical scrolling if necessary-->

Answer 1

使用媒体查询将内容宽度更改为移动屏幕的宽度：

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

并包含

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

CSS中的