1. 程式人生 > >h5中iOS頁面顯示縮放問題

h5中iOS頁面顯示縮放問題

最近的一個H5小專案中,有一個頁面在iOS上顯示的時候會先顯示縮放比例二分之一的樣子,隨後再變大到適應整個螢幕,meta標籤裡的縮放也看不出來什麼問題,這種bug體驗很不好啊【生氣臉】

既然這樣,那就動態的獲取螢幕寬高,計算縮放比例,然後再設定給meta好了,程式碼如下:

var view_num = window.screen.availWidth / 750;
document.getElementById("viewport").setAttribute('content', 'user-scalable=no, width=750, minimum-scale=' + view_num + ', initial-scale=' + view_num + ', maximum-scale=' + view_num + '');
完美解決