如何防止手機網頁雙擊螢幕實現放大效果

admin發表於2017-02-13
使用過手機或者其他移動裝置上網的朋友,可能會發現這樣的功能,就是雙擊螢幕可以實現網頁放大效果,但是有時候我們並不希望有這樣的功能,下面就介紹一下看如何組織此現象的出現。

一.首先DTD表頭要宣告為移動型別:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

二.然後禁用縮放功能:

[HTML] 純文字檢視 複製程式碼
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />

只要將user-scalable屬性值設定為0即可。


相關文章