阻止移動端頁面左右滑動


之前老師教的是加個 box-sizing: border-box在老師哪個項目中確實有效果,也有可能是我記錯怎么使用了,現在用了沒反應,百度了一下,根據提示在父級加 overflow-x:hidden屬性
body體內設置固定定位,top為0,left為0即可,同時設置html標簽overflow:hidden;

body{
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
 
html{
 overflow: hidden;

看評論好多人都說可以,我都頁面還是左右滑動,最后百度一下在頭部加了個

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

居然好了,神奇~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM