TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超6個(gè)贊
Web應(yīng)用程序的可能解決方案：雖然無法在iOS Safari中禁用縮放，但在從主屏幕快捷方式打開網(wǎng)站時(shí)將禁用縮放。
添加這些元標(biāo)記以將您的應(yīng)用程序聲明為“支持Web應(yīng)用程序”：
<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' />
但是，如果您的應(yīng)用程序是自我維持的，則僅使用此功能，因?yàn)榍跋?后退按鈕和URL欄以及共享選項(xiàng)均已禁用。（你仍然可以向左和向右滑動(dòng)）然而這種方法可以像ux一樣啟用應(yīng)用程序。全屏瀏覽器僅在從主屏幕加載站點(diǎn)時(shí)啟動(dòng)。在我的根文件夾中包含一個(gè)apple-touch-icon-180x180.png后，我也只能使用它。
作為獎(jiǎng)勵(lì)，您可能還想要包含此變體：
<meta name='apple-mobile-web-app-status-bar-style' content='black-translucent'/>
TA貢獻(xiàn)1780條經(jīng)驗(yàn) 獲得超1個(gè)贊
請(qǐng)嘗試添加此元標(biāo)記和樣式
<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貢獻(xiàn)1851條經(jīng)驗(yàn) 獲得超4個(gè)贊
由于最初的問題仍然沒有解決方案，這里是我的純CSS兩分錢。
移動(dòng)瀏覽器（大多數(shù)）要求輸入中的字體大小為16px。所以
input[type="text"],input[type="number"],input[type="email"],input[type="tel"],input[type="password"] {
font-size: 16px;}解決了這個(gè)問題。因此，您無需禁用站點(diǎn)的縮放和松散輔助功能。
如果移動(dòng)設(shè)備上的基本字體大小不是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;
}}舉報(bào)