2. 程式人生 > >meta標籤的使用——使頁面適應各種裝置

meta標籤的使用——使頁面適應各種裝置

阿新 • • 發佈：2018-11-12

為了是頁面能適應移動端，一般會加上如下程式碼：

<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0" charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

那麼其意義究竟是什麼呢：

What does <meta http-equiv=“X-UA-Compatible” content=“IE=edge”> do?

寫給對<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">迷惑不解的小夥伴

meta name="viewport" content="width=device-width,initial-scale=1.0" 解釋

 

以下程式碼可加可不加：

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

原因：

  • HTML 4.01： <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  • HTML5： <meta charset="UTF-8">

 

相關推薦

meta標籤的使用——使頁面適應各種裝置

為了是頁面能適應移動端，一般會加上如下程式碼： <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0" charset="utf-8"> <meta http-eq

設定meta標籤 清除頁面快取

<meta http-equiv="Cache-Control" content="no-cache"/> Cache-Control指定請求和響應遵循的快取機制。在請求訊息或響應訊息中設定Cache-Control並不會修改另一個訊息處理過程中的快取

設定meta標籤 清除頁面快取，如：

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Pragma" content="no-cache"

java前端頁面的各種常用標籤：

C標籤庫： <c:forEach>標籤有兩種使用方式： <c:forEach var="e" items="${leaveMsgList}" varStatus="i"> <tr>

小程式頁面跳轉傳參-this和that的區別-登入流程-下拉選單-實現畫布自適應各種手機尺寸

小程式頁面跳轉傳參 根目錄下的 app.json 檔案 頁面檔案的路徑、視窗表現、設定網路超時時間、設定多 tab { "pages": [ "pages/index/index", "pages/logs/index" ], "window":

html5手機網站需要加的那些meta標籤，手機網站自適應

1、移動網站要加的html5相關meta和標籤    a、<!-- 強制讓文件與裝置的寬度保持1：1 -->    <meta name="viewport" content="width=device-width, initial-scale=1, mi

將PC網站轉化為手機自適應網頁或者自己製作手機自適應網頁其實很簡單，可以利用meta標籤宣告。

web網頁轉化手機自適應網頁三步走: 1.開啟你需要製作手機網頁的html或者php等等網頁原始碼檔案。在<head></head>之間加入meta標籤。 2.向瀏覽器宣告該網

web端meta標籤的各種狀態的設定

<meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"><!--ie使用edge渲染模式--> <meta content="widt

html中meta標籤 refresh 屬性值 -- 重新整理與跳轉(重定向)頁面

示例： 5秒之後重新整理本頁面: <metahttp-equiv="refresh" content="5" /> 5秒之後轉到夢之都首頁: <metahttp-equiv="refresh" content="5;url=http://www.dream

H5各種頭部meta標籤功能大全

<!DOCTYPE html>  H5標準宣告，使用 HTML5 doctype，不區分大小寫<head lang=”en”> 標準的 lang 屬性寫法<meta charset=’utf-8′>    宣告文件使用的字元編碼<meta http-equiv=”X-

使用 rem 作為單位使頁面自適應設備寬度

rem color common fault () util pos ssl 放大 一、新建 rem.js 文件，代碼如下： export default function () { document.documentElement.style.fontSize =

使網頁適應UIWebView的寬度

.get -s rom row ble 頁面 ati orm user 比較簡單的做法是：在- (void)webViewDidFinishLoad:這種方法中，改動JavaScript的值： //UIWebViewDelegate - (void)webViewDid

使用js獲取頁面的各種高度

title scroll 元素 scrollto all 滾動 包括 blank () 使用js獲取相關高度: 　　獲取網頁被滾動條卷去的高度——兼容寫法： 　　　　scrollHeight = documen.body.scrollTop || document.docu

input點擊鏈接另一個頁面，各種操作。

llb ret onclick 同時 CA www PE eight window 1.鏈接到某頁<input type="button" name="Submit" value="確 定" class="btn" onclick="location.href=‘fi

meta 標籤 詳解

定義與用法 <meta> 元素可提供有關頁面的元資訊（meta-information），通常用於指定網頁的描述，關鍵詞，檔案的最後修改時間，作者、搜尋引擎和更新頻度及其他元資料。 元資料可以被使用瀏覽器（如何顯示內容或重新載入頁面），搜尋引擎（關鍵詞），或其他 Web

ueditor單圖片（simpleupload）上傳，設置其 width：100%，height：auto。以適應各種屏幕大小顯示

適應 () 技術 width png 屏幕大小 bsp 代碼 操作 打開ueditor.all.js,按下圖操作（修改後註意清緩存）： 附上待搜索的關鍵字：function callback() 附上代碼 　　loader.setAttribute(‘width‘

HTML5 meta標籤的用法

宣告文件使用的字元編碼：<meta charset="utf-8" />宣告文件的相容模式：<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> //指示IE以目前可用的最高模式顯示內容定義對頁面的描述：<

Meta標籤常用屬性值的寫法和作用

什麼是meta標籤？ 元資料（metadata）是關於資料的資訊。 標籤提供關於 HTML 文件的元資料。元資料不會顯示在頁面上，但是對於機器是可讀的。 典型的情況是，meta 元素被用於規定頁面的描述、關鍵詞、文件的作者、最後修改時間以及其他元資料。 標籤始終位於 head 元素中。 元資料可用於

各種裝置在linux中的檔名

各種裝置在linux中的檔名: 裝置         裝置在linux內的檔名 ide硬碟 /dev/ha[a-d] scs硬碟 /dev/sd[a-p]

使IE支援html5標籤/使IE支援css3/樣式

在<header></header>標籤中新增如下程式碼： 使IE支援html5標籤 <!--[if lt IE 9]>            <script src="http://htm