設(shè)置 Viewport

創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供仙游網(wǎng)站建設(shè)、仙游做網(wǎng)站、仙游網(wǎng)站設(shè)計(jì)、仙游網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、仙游企業(yè)網(wǎng)站模板建站服務(wù),10年仙游做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
head
meta?name="viewport"?content="width=device-width,?initial-scale=1.0"
!--這是最常用的--
/head
什么是 Viewport?
viewport 是用戶網(wǎng)頁的可視區(qū)域。
viewport 翻譯為中文可以叫做"視區(qū)"。
手機(jī)瀏覽器是把頁面放在一個虛擬的"窗口"(viewport)中,通常這個虛擬的"窗口"(viewport)比屏幕寬,這樣就不用把每個網(wǎng)頁擠到很小的窗口中(這樣會破壞沒有針對手機(jī)瀏覽器優(yōu)化的網(wǎng)頁的布局),用戶可以通過平移和縮放來看網(wǎng)頁的不同部分。
width:控制 viewport 的大小,可以指定的一個值,如 600,或者特殊的值,如 device-width 為設(shè)備的寬度(單位為縮放為 100% 時的 CSS 的像素)。
height:和 width 相對應(yīng),指定高度。
initial-scale:初始縮放比例,也即是當(dāng)頁面第一次 load 的時候縮放比例。
maximum-scale:允許用戶縮放到的最大比例。
minimum-scale:允許用戶縮放到的最小比例。
user-scalable:用戶是否可以手動縮放。
head元素內(nèi)放著網(wǎng)頁中的元數(shù)據(jù),比如頁面編碼,標(biāo)題,樣式文件,js文件的鏈接,還有關(guān)鍵字,描述和頁面作者之類的
body元素沒放著整個頁面的內(nèi)容代碼,所有在瀏覽器上顯示的東西的代碼都在那里寫的
一、指代不同
1、head標(biāo)簽:是網(wǎng)頁的HEAD(頭)部分中包含有的內(nèi)置標(biāo)簽,用來申明使用的腳本語言,以及網(wǎng)頁傳輸時使用的方式等。
2、header標(biāo)簽:header標(biāo)簽是HTML5新增標(biāo)簽元素。
二、瀏覽器支持不同
1、head標(biāo)簽:瀏覽器都支持。
2、header標(biāo)簽:舊版本瀏覽器均不支持,需要IE9+以上瀏覽器、最新谷歌Chrome等瀏覽器才支持。
三、支持屬性不同
1、head標(biāo)簽:head 中的元素可以引用腳本、指示瀏覽器在哪里找到樣式表、提供元信息等等。
2、header標(biāo)簽:header 標(biāo)簽支持?HTML 中的全局屬性。
參考資料來源:百度百科-head標(biāo)簽
參考資料來源:百度百科-Header
文章名稱:headhtml5,head l5
網(wǎng)頁地址:http://chinadenli.net/article36/dsgodpg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站、網(wǎng)站排名、網(wǎng)站改版、網(wǎng)站收錄、動態(tài)網(wǎng)站、ChatGPT
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)