首页 > 手机js特效 > 手机基于原生JS移动端响应式解决方案js特效下载

手机基于原生JS移动端响应式解决方案js特效下载

上一篇 下一篇
基于原生JS移动端响应式解决方案——AUTOSTRAP
##介绍 就目前移动端而言,已有比较成熟都响应式框架,类似于Bootstrap、AmazeUI、Skeljs。但是对于普通开发者来说,为了满足快速开发的需求去学习和使用这些框架的时间成本是比较高的。所以,本着轻量、快速开发的原则,为大家提供了基于原生JS的移动动端解决方案,希望能在交流、使用中继续优化AutoStrap。
 
##原理 目前我们熟悉的开源前端框架都是栅格化布局,通过mediaQuery,在不同分辨率加载不同的css到达响应式的效果。同时还提供了诸多的JS组件供开发者使用。而AutoStrap是使用viewport,以iPhone4分辨率为模板,根据可视宽高调节缩放比例实现。具体内容下面的代码会给出。
 
###html页面引入代码
 
  <meta id="MobileViewport" name="viewport" content="width=320, initial-scale=1, maximum-scale=1, user-scalable=no" servergenerated="true">
##使用 1、页面引入autostrap.js、autostrap.css文件 2、在标签里面加入以下代码
 
<meta id=”MobileViewport” name=”viewport” content=”width=320, initial-scale=1, maximum-scale=1, user-scalable=no” server

模板简介:该模板名称为【手机基于原生JS移动端响应式解决方案js特效下载】,大小是,文档格式为.,推荐使用打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【手机js特效】栏目查找您需要的精美模板。

  • 下载密码 lanrenmb
  • 下载次数 10,010次
  • 使用软件
  • 文件格式
  • 文件大小
  • 上传时间 11-14
  • 作者 网友投稿
  • 肖像权 人物画像及字体仅供参考
栏目分类 更多 >
  • 焦点图
  • 导航菜单
  • 悬浮漂浮
  • tab标签
  • 前端框架
  • 热门推荐 更多 >
    微信公众平台 微信图片 微信文章 html5 微信模板 微信素材 单页式简历模板 自适应 响应式 企业网站
    您可能会喜欢的其他模板