mobile響應式頁面meta資訊相關記錄

2022-07-25 09:54:07 字數 756 閱讀 7490

width:控制 viewport 的大小,可以指定的乙個值,如果 600,或者特殊的值,如 device-width 為裝置的寬度(單位為縮放為 100% 時的 css 的畫素)。

height:和 width 相對應,指定高度。

initial-scale:初始縮放比例,也即是當頁面第一次 load 的時候縮放比例。

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

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

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

一、telephone

你明明寫的一串數字沒加鏈結樣式,而iphone會自動把你這個文字加鏈結樣式、並且點選這個數字還會自動撥號!想去掉這個撥號鏈結該如何操作呢?這時我們的meta又該大顯神通了,**如下:

telephone=no就禁止了把數字轉化為撥號鏈結!

telephone=yes就開啟了把數字轉化為撥號鏈結,要開啟轉化功能,這個meta就不用寫了,在預設是情況下就是開啟!

二、email

告訴裝置不識別郵箱,點選之後不自動傳送

email=no禁止作為郵箱位址!

email=yes就開啟了把文字預設為郵箱位址,這個meta就不用寫了,在預設是情況下就是開啟!

三、adress

adress=no禁止跳轉至地圖!

adress=yes就開啟了點選位址直接跳轉至地圖的功能,在預設是情況下就是開啟!

HTML之meta 響應式布局

在head標籤中的meta標籤,可以為html文件提供額外資訊 meta屬性主要分為兩組 1.name屬性與content屬性 name屬性用於描述網頁,它是以名稱 值形式的名稱,name屬性的值所描述的內容 值 通過content屬性表示,便於搜尋引擎機械人查詢,分類.其中最重要的是descrip...

HTML之meta 響應式布局

在head標籤中的meta標籤,可以為html文件提供額外資訊 meta屬性主要分為兩組 1.name屬性與content屬性 name屬性用於描述網頁,它是以名稱 值形式的名稱,name屬性的值所描述的內容 值 通過content屬性表示,便於搜尋引擎 機械人查詢,分類.其中最重要的是descri...

響應式頁面設計

響應式頁面 1 viewport檢視 首先在頭部插入 其中,width 控制viewpoint的寬度,可以是固定值,也可以是device width,即裝置的寬度。2 呼叫不同的css檔案 在不同頁面大小下頁面由不同的css控制,這時候需要用 這表示頁面寬度如果在614 810px,就呼叫外部的in...