H5也就是htm5是一種基于網(wǎng)頁(yè)編程語(yǔ)言，通過(guò)H5可以制作響應(yīng)式頁(yè)面。

H5響應(yīng)式也可叫做自適應(yīng),也就是一個(gè)web頁(yè)面，可以做到兼容PC、移動(dòng)\手機(jī)、平板 app,在PC上看起來(lái)是一個(gè)樣式，用手機(jī)查看為了用戶體驗(yàn)效果好，就需要做一個(gè)響應(yīng)式網(wǎng)站。

那怎么做H5響應(yīng)式的頁(yè)面。

H5響應(yīng)式頁(yè)面主要是使用媒體查詢來(lái)實(shí)現(xiàn)頁(yè)面自適應(yīng)效果，個(gè)人常用分辨率如下：

@media (max-width: 1400px) {}

@media (max-width: 1200px) {}

@media (max-width: 1024px) {}

@media (max-width: 991px) {}

@media (max-width: 768px) {}

@media (max-width: 580px) {}

工具不同清空對(duì)應(yīng)寫(xiě)樣式即可。

目前上面上有2中比較流行的框架Bootstrap 、Foundation 

Bootstrap是美國(guó)開(kāi)發(fā)的基于HTML、CSS、JavaScript 開(kāi)發(fā)前端開(kāi)發(fā)框架，個(gè)人認(rèn)為比較簡(jiǎn)單實(shí)用、直觀使用教程可以在官方網(wǎng)站插件;也可以點(diǎn)擊Bootstrap查看

在開(kāi)發(fā)初期，個(gè)人發(fā)現(xiàn)開(kāi)發(fā)主要涉及到這幾個(gè)方面：使用、UIKit、Foundation, 語(yǔ)言是開(kāi)發(fā)基礎(chǔ)，主要負(fù)責(zé)用戶界面設(shè)計(jì)，其他最常用的就是Foundation框架了。

Foundation框架是Mac\iOS中其他框架的基礎(chǔ)

Foundation框架包含了很多開(kāi)發(fā)中常用的數(shù)據(jù)類型:

結(jié)構(gòu)體

枚舉

類

以上就是關(guān)于H5響應(yīng)式的網(wǎng)頁(yè)制作的相關(guān)介紹，希望可以對(duì)大家有幫助。