H5也就是htm5是一種基于網頁編程語言，通過H5可以制作響應式頁面。

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

那怎么做H5響應式的頁面。

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

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

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

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

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

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

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

工具不同清空對應寫樣式即可。

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

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

在開發初期，個人發現開發主要涉及到這幾個方面：使用、UIKit、Foundation, 語言是開發基礎，主要負責用戶界面設計，其他最常用的就是Foundation框架了。

Foundation框架是Mac\iOS中其他框架的基礎

Foundation框架包含了很多開發中常用的數據類型:

結構體

枚舉

類

以上就是關于H5響應式的網頁制作的相關介紹，希望可以對大家有幫助。