什么是H5响应式的网页

建站学堂     |      2019-12-19 | 阅读数:78次

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响应式的网页制作的相关介绍,希望可以对大家有帮助。

分享到
  • 微信好友
  • QQ好友
  • QQ空间
  • 腾讯微博
  • 新浪微博
  • 人人网