學習手機端的META差異，打造自己的移動網頁
2021-04-20 分類： 網站建設
我們先來簡單了解下meta標簽：meta指元素可提供有關頁面的元信息（meta-information），比如針對搜索引擎和更新頻度的描述和關鍵詞。 標簽位于文檔的頭部，不包含任何內容。 標簽的屬性定義了與文檔相關聯的名稱/值對。
接下來我們來看看各大網站手機端的meta標簽：
一、天貓
天貓觸屏版
二、淘寶
淘寶網觸屏版
三、京東
京東 - 手機版
四、網易
手機網易網
五、百度
手機端特有的有哪些？
第一個meta標簽表示：強制讓文檔的寬度與設備的寬度保持1:1，并且文檔大的寬度比例是1.0，且不允許用戶點擊屏幕放大瀏覽；
- width - viewport的寬度 height - viewport的高度
- initial-scale - 初始的縮放比例
- minimum-scale - 允許用戶縮放到的最小比例
- maximum-scale - 允許用戶縮放到的大比例
- user-scalable - 用戶是否可以手動縮放
第二個meta標簽是iphone設備中的safari私有meta標簽，它表示：允許全屏模式瀏覽；
第三個meta標簽也是iphone的私有標簽，它指定的iphone中safari頂端的狀態條的樣式；
- 在web app應用下狀態條（屏幕頂部條）的顏色；
- 默認值為default（白色），可以定為black（黑色）和black-translucent（灰色半透明）。
- 注意：若值為“black-translucent”將會占據頁面px位置，浮在頁面上方（會覆蓋頁面20px高度–iphone4和itouch4的Retina屏幕為40px）。
第四個meta標簽表示：告訴設備忽略將頁面中的數字識別為電話號碼。
網站標題：學習手機端的META差異，打造自己的移動網頁
URL地址：http://m.kartarina.com/news/108966.html
成都網站建設公司_創新互聯，為您提供域名注冊、外貿網站建設、做網站、手機網站建設、全網營銷推廣、App設計
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 百度搜索嚴厲打擊惡劣采集行為 2021-04-20
- 企業官網批量轉化客戶后需要注意的幾點要素 2021-04-20
- 網站如何解決內容的問題 2021-04-20
- 如何高效建設品牌網站 2021-04-20
- 如何檢查和刪除網站的死鏈接 2021-04-20
- 廣州網站開發中最常遇到的問題 2021-04-20
- 你知道你在網頁設計上有多少錯誤嗎? 2021-04-20
- 如何更好的運營一個網站 2021-04-20
- 網頁設計完成后需要整理的五項工作內容 2021-04-20
- 利用論壇實現網絡推廣中的快速引流技巧 2021-04-20
- 白帽SEO優化有哪些風險 2021-04-20
- 如何建購物網站 2021-04-20
- 如何應對企業網站惡意跳轉到賭博網站 2021-04-20
- 網站如何在穩定中得到發展 2021-04-20
- 影響網站內頁排名的因素都有哪些？ 2021-04-20
- 企業開發App優勢 2021-04-20
- 404網站設置錯誤頁面提示 2021-04-20
- 網站如何瞬間抓住客戶的眼球 2021-04-20
- 網站在建設過程中經常打不開的原因是什么 2021-04-20