使用 HTML 阻止 iPhone 在網路應用程式中放大\n


提供元標記屬性 “user-scalable=no” 將限制使用者在其他地方縮放。 

透過將此元標記新增到你的 head 標記中來完全防止縮放。這會告訴移動瀏覽器使用相同的寬度比例,且不會允許使用者放大,因此也會停用該惱人的行為。然而,一些人可能會認為,這不是處理問題的一種非常對使用者友好的方式。

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

<select> 元素與一個或多個 <option> 元素一起使用,為網路表單建立選項下拉列表。<select> 元素建立列表,每個 <option> 元素顯示為列表中一個可用選項。

透過將輸入欄位的字型大小設定為 16px 的字型大小(或更大),我們阻止了瀏覽器在聚焦時放大。請注意,我們僅針對具有指定裝置縱橫比的裝置將裝置縱橫比用於設定 16px 的字型大小。

select{
   font-size: 40px;
}

更新於: 2020 年 3 月 4 日

8K+ 檢視次數

開啟你的 事業

完成課程獲得認證

開始
廣告