移動端開發的meta標籤作用

2022-02-23 11:33:02 字數 525 閱讀 6711

一、

網頁手機wap2.0網頁的head裡加入下面這條元標籤,在iphone的瀏覽器中頁面將以原始大小顯示,並不允許縮放。  

width - viewport的寬度 height - viewport的高度   

initial-scale - 初始的縮放比例  

minimum-scale - 允許使用者縮放到的最小比例   

maximum-scale - 允許使用者縮放到的最大比例  

user-scalable - 使用者是否可以手動縮放

二、當該 html 頁面在手機上瀏覽時,該標籤用於指定是否將網頁內容中的手機號碼顯示為撥號的超連結。

在 iphone 上預設值是:

說明:預設值為default(白色),可以定為black(黑色)和black-translucent(灰色半透明)。

注意:若值為「black-translucent」將會佔據頁面px位置,浮在頁面上方(會覆蓋頁面20px高度–iphone4和itouch4的retina螢幕為40px)。

使用:

meta標籤 移動端

手機網頁可以通過meta標籤設定縮放,撥號的超連結 縮放 網頁手機wap2.0網頁的head裡加入下面這條元標籤,在iphone的瀏覽器中頁面將以原始大小顯示,並不允許縮放。width viewport的寬度 height viewport的高度 initial scale 初始的縮放比例 mini...

移動端meta標籤

設定這些meta標籤的主要作用是描述網頁,便於搜尋引擎抓取 相容瀏覽器,適配移動端 開啟或者是禁止一些預設的樣式和預設的事件等等。1 作用 ie edge告訴ie使用最新的引擎渲染網頁,chrome 1則可以啟用chrome frame x ua compatible是自從ie8新加的乙個設定,對於...

移動端meta標籤

meta裡的資料是供機器解讀的,告訴機器該如何解析這個頁面 1 二 meta的必需屬性和可選屬性 1.必需屬性content 屬性值為text 11 2.可選屬性http equiv http equiv 屬性在 標籤相當於http的標頭檔案,向瀏覽器傳遞有用的資訊,該屬性使用 的變數的值會在 co...