文章来源(hbsjsd.cn)湖北高端网站定制开发公司-速建时代
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响应式的网页制作的相关介绍,希望可以对大家有帮助。
[声明]原创不易,请转发者备注下文章来源(hbsjsd.cn)【速建时代】。