HTML的全稱是超文本標(biāo)記語言,是一種標(biāo)記語言。它包括一系列標(biāo)簽,可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式,將分散的互聯(lián)網(wǎng)資源連接成一個邏輯整體。HTML是由HTML命令組成的描述性文本,可以解釋文字、圖形、動畫、聲音、表格、鏈接等。Html是一種用來描述網(wǎng)頁的語言。它被稱為超文本標(biāo)記語言,它是一種標(biāo)記語言。它包括一系列標(biāo)簽,可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式,將分散的互聯(lián)網(wǎng)資源連接成一個邏輯整體。
成都創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)服務(wù)商,為中小企業(yè)提供成都做網(wǎng)站、網(wǎng)站制作服務(wù),網(wǎng)站設(shè)計,綿陽服務(wù)器托管等一站式綜合服務(wù)型公司,專業(yè)打造企業(yè)形象網(wǎng)站,讓您在眾多競爭對手中脫穎而出成都創(chuàng)新互聯(lián)公司。
HTML5里面自動適應(yīng)手機屏幕的高度方法:
使用meta標(biāo)簽,這也是普遍使用的方法
meta?name="viewport"?content="width=device-width,initial-scale=1.0,?minimum-scale=1.0,?maximum-scale=1.0,?user-scalable=no"/
解釋該標(biāo)簽的含義:
height=device-width??就是設(shè)置頁面的高度,為手機的高度
首先需要div布局,HTML布局:
!DOCTYPE html
html lang="en"headmeta charset="UTF-8"meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"title背景圖片自適應(yīng)/titlestyle type="text/css"html,body {padding: 0;margin: 0;}div {width: 100%;height: 300px;background: url('images/slide_01_640x340.jpg') no-repeat;background-size: 100% 100%;}/style/headbodydiv/div/body/html
2.HTML代碼的截圖效果:
3.自適應(yīng)最重要的樣式如下:
meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"
width: 100%;
background-size: 100% 100%;
4.最終的效果是這樣:
有兩種
1.通過設(shè)置viewport參數(shù)
2.使用css3中的縮放
兩種方法都需要獲取當(dāng)前屏幕大小然后根據(jù)網(wǎng)頁寬度來計算縮放比例,然后進(jìn)行縮放。但是因為目前手機種類繁多,瀏覽器種類也很多,所以每種方法各自都有不少的問題。
/spanmeta name=“viewport” content=“width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes” /
在網(wǎng)頁的中增加以上這句話,可以讓網(wǎng)頁的寬度自動適應(yīng)手機屏幕的寬度。
其中:
width=device-width :表示寬度是設(shè)備屏幕的寬度
initial-scale=1.0:表示初始的縮放比例
minimum-scale=0.5:表示最小的縮放比例
maximum-scale=2.0:表示最大的縮放比例
user-scalable=yes:表示用戶是否可以調(diào)整縮放比例
名稱欄目:html5手機自適應(yīng)的簡單介紹
文章URL:http://vcdvsql.cn/article42/dsdejec.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開發(fā)、品牌網(wǎng)站設(shè)計、域名注冊、網(wǎng)站設(shè)計公司、軟件開發(fā)、企業(yè)建站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)