移动端 - 十月梦想博客

移动端

这家伙很懒,还没填写该栏目的介绍呢~

移动端

移动端适配实战之小米商城首页实现

阅读(356)评论(0)

前几天几篇的移动端适配,移动端概述等基础方面的介绍,一切都是理论,到底移动端的介绍,实战性怎么样呢?随之就移动端找了一个小米商城移动端上手实战,本次采用swiper.js(商城轮播图).zepto.js(移动端的jquery)处理js事件!本次大量使用了css3的flex布局方案(当然移动端无需考虑浏览器兼容性)!github项目地址:https://git...

移动端

移动端开发样式初始化

阅读(329)评论(1)

在移动端开发,需要解决在移动端下的一些样式初始化,防止在设备出现不同的效果,下面我们看下,需要解决移动端的那些样式需要初始化!                   &nb...

移动端

移动端适配之终极适配方案rem适配

阅读(325)评论(0)

前面几篇移动端专区博文简单介绍了移动端的概述,以及简单的适配方案,百分比适配,比例缩放适配,viewport适配等,但是难免都有一些各种问题!这次这个rem终极适配方案,是目前移动端的较为完美的适配方案!简单介绍一下这个rem适配           ...

移动端

移动端适配之viewport适配

阅读(260)评论(0)

前面说过了比例缩放适配,本来想直接介绍rem适配!还是补充一下这个viewport适配吧!其实这个viewport也归属于比例缩放适配的一种吧!首先我们可以获取到当前设备的独立像素(window.screen.width),然后通过适配的像素比(dpr)还原其真实逻辑像素(物理像素),然后在其还原后的设备像素上进行适配.那么这个viewport适配有什么问题...

移动端

移动端适配之比例缩放适配

阅读(297)评论(0)

前面一篇简单介绍了适配的方案(百分比适配),对于百分比的适配也是挺多问题,这次介绍一下viewport适配方案!适配的思想呢?就是比如ip6的设备独立像素(375px),这个设备独立像素介绍移动端时候说过可以使用缩放进行改变!此时我们可以将所有的设备的独立设备像素转为375px(ip6的),然后进行渲染适配,在375px上就行布局!那么这个比例缩放适配存在什...

移动端

移动端适配之百分比适配

阅读(397)评论(0)

前面简单了了解了一下移动端,包括移动端的设备独立像素,物理像素,渲染像素以及像素比(DPR)等相关知识!接下来简单介绍一个比较简单的移动端适配方案!今天介绍的是百分比适配,顾名思义,就是宽度使用百分比进行替代传统的具体像素适配!接下来看一下百分比适配的问题优缺点:1.百分比不好计算2.需要确定父级的宽度,百分比依照父级计算3.宽度可以很好适配,高度无法确定,...

移动端

移动端开发初识

阅读(308)评论(0)

对于pc端的前端开发以及html5和css3学习过后对页面布局更加熟练了,对于现在开发更多倾向于移动端开发,对于移动端开发和传统PC开发又有所不同,下面简单认识下移动端开发概况!对于学习移动端开发首先要了解下面三个概念(设备独立像素,物理像素,和像素比),下面简单介绍下这三个概念!设备独立像素:    就是屏幕的尺寸,屏幕大小(这个可以叫...

©2017 - 2019 十月梦想  |   豫ICP备号19025867-2

豫公网安备 41108102000311号


正在加载中……
sitemap