視口屬性如何正確使用

Question

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 

由於事實上user-scalable=no意味着我們不讓用戶放大或縮小頁面。那麼爲什麼我們需要使用initial-scale=1.0和maximum-scale=1.0？是否有必要使用它們？

Answer 1

你的直覺是正確的，maximum-scale=1.0是不需要的，因爲頁面無法縮放。設置minimum-scale=1.0, maximum-scale=1.0是一種常見模式，幾乎相當於user-scalable=no。幾乎是因爲一些瀏覽器會以一定比例加載頁面，以便所有內容寬度都可見（例如Android上的Chrome會這樣做），因此用戶可能以不是1.0的縮放比例開始縮放。但是，添加initial-scale=1.0強制縮放到1.0。