TA貢獻1828條經驗 獲得超6個贊
Web應用程序的可能解決方案：雖然無法在iOS Safari中禁用縮放，但在從主屏幕快捷方式打開網站時將禁用縮放。
添加這些元標記以將您的應用程序聲明為“支持Web應用程序”：
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"/> <meta name='apple-mobile-web-app-capable' content='yes' />
但是，如果您的應用程序是自我維持的，則僅使用此功能，因為前向/后退按鈕和URL欄以及共享選項均已禁用。（你仍然可以向左和向右滑動）然而這種方法可以像ux一樣啟用應用程序。全屏瀏覽器僅在從主屏幕加載站點時啟動。在我的根文件夾中包含一個apple-touch-icon-180x180.png后，我也只能使用它。
作為獎勵，您可能還想要包含此變體：
<meta name='apple-mobile-web-app-status-bar-style' content='black-translucent'/>
TA貢獻1780條經驗 獲得超1個贊
請嘗試添加此元標記和樣式
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"/><style>body{
touch-action: manipulation;
}</style>
TA貢獻1851條經驗 獲得超4個贊
由于最初的問題仍然沒有解決方案，這里是我的純CSS兩分錢。
移動瀏覽器（大多數）要求輸入中的字體大小為16px。所以
input[type="text"],input[type="number"],input[type="email"],input[type="tel"],input[type="password"] {
font-size: 16px;}解決了這個問題。因此，您無需禁用站點的縮放和松散輔助功能。
如果移動設備上的基本字體大小不是16px或不是16px，則可以使用媒體查詢。
@media screen and (max-width: 767px) {
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="password"] {
font-size: 16px;
}}舉報