meta 標籤禁止縮放失效

之前我們能通過設定meta來禁止使用者縮放頁面

<

meta

content

="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;"

name

="viewport"

/>

但是現在，這個標籤在部分瀏覽器中已經失效。

我在網上查了資料，在ios10+已經失效----

為了提高safari中**的輔助功能，即使**在視口中設定了user-scalable = no，使用者也可以手動縮放。

在android的自帶瀏覽器中(例如華為，魅族，小公尺)第一次手動縮放時，會提示--再次操作可強制縮放網頁---；再次縮放也可以縮放；

這一現象意味著meta標籤的失效。在android的chrome中不可以使用者縮放（表現正常）--------------親測

各瀏覽器開發商逐漸允許使用者去縮放網頁；這就導致我們開發的產品，在縮放後會發生慘不忍睹的情況；尤其是flex布局的元件。

為了解決這一問題；我選擇採用js事件監聽來阻止使用者的縮放

window.οnlοad=

function

()   

})  

varlasttouchend=0;  

document.addeventlistener(

'touchend'

,function

(event)   

lasttouchend=now;   },

false

)   }

meta 標籤禁止縮放失效

之前我們能通過設定meta來禁止使用者縮放頁面 但是現在，這個標籤在部分瀏覽器中已經失效。我在網上查了資料，在ios10 已經失效 為了提高safari中 的輔助功能，即使 在視口中設定了user scalable no，使用者也可以手動縮放。在android的自帶瀏覽器中 例如華為，魅族，小公尺 ...

禁止頁面縮放及meta便簽常用屬性

1.width viewport的寬度 2.height viewport的高度 3.initial scale 初始的縮放比例 4.minimum scale 允許使用者縮放到的最小比例 5.maximum scale 允許使用者縮放到的最大比例 6.user scalable 使用者是否可以手動...

網頁取消快照 禁止抓取等meta標籤功能

以上的一段 限制了所有的搜尋引擎建立你的網頁快照。如果我們需要僅僅限制乙個搜尋引擎建立快照的話，就可以像如下這樣去寫 需要注意的是，這樣的標記僅僅是禁止搜尋引擎為你的 建立快照，如果你要禁止搜尋引擎索引你的這個頁面的話，請參照後面的辦法。第二種情況 禁止搜尋引擎抓取本頁面。在seo中，禁止搜尋引擎抓...