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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

枚舉

類

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