手机移动端 - 文章分类 - 鬼鬼丫404

学习网站

摘要：http://www.jikexueyuan.com/search/s/q_HTML5极客学院 http://e.jikexueyuan.com/bootstrap.html?hmsr=bootstrap_guide_bsevent_eCTO学院 http://edu.51cto.com/ http... 阅读全文

posted @ 2015-06-10 15:51 鬼鬼丫404 阅读(125) 评论(0) 推荐(0)

H5滚动含背景高斯模糊

摘要：demoh5滚动含背景高斯模糊.zip小结1、每个swiper-slide表示一页，swiper-slide外层结构全部负值，swiper-slide里面再构建DIV盒子写每页的内容，2、style.css样式全部要，main.css里面定义每一页里面的样式，3、idangerous.swiper.... 阅读全文

posted @ 2015-04-29 13:52 鬼鬼丫404 阅读(994) 评论(0) 推荐(0)

H5滚动

摘要：小结1、每个swiper-slide表示一页，swiper-slide外层结构全部负值，swiper-slide里面再构建DIV盒子写每页的内容，2、style.css样式全部要，main.css里面定义每一页里面的样式，3、idangerous.swiper.js为拖动JS，调用JS在下面html... 阅读全文

posted @ 2015-04-29 13:22 鬼鬼丫404 阅读(236) 评论(0) 推荐(0)

【经验心得】弹性布局em-----模板----640设计稿

摘要：涉及SASS将px转em 以及em怎么等比适配不同手机屏幕结构方面薰衣草小宝马 TA的活动倒计时8天13时8分您的好友XXXXX想买“100%澳洲薰衣草小宝马”，快来TA砍价吧，砍到多少是多少喔！帮TA砍一刀 Sass方面/*css reset*/*{box-sizing:conten... 阅读全文

posted @ 2015-03-12 09:55 鬼鬼丫404 阅读(208) 评论(0) 推荐(0)

2015目标

摘要：在2015年，我为自己设置了几个目标：深入学习h5，深入学习bootstrap框架深入了解CSS3深入了解响应式移动端布局简单了解JQ深入了解下面学习网站http://www.w3cplus.com/blog/css3http://www.w3cfuns.com/course.phphttp://a... 阅读全文

posted @ 2015-02-26 16:44 鬼鬼丫404 阅读(77) 评论(0) 推荐(0)

手机移动端页面怎么做

摘要：http://www.w3cplus.com/blog/tags/429.htmlhttp://www.w3cplus.com/blog/tags/414.html 阅读全文

posted @ 2015-02-26 16:38 鬼鬼丫404 阅读(216) 评论(0) 推荐(0)

【经验心得】固定布局做到各手机屏幕适配简单粗暴的方法

摘要：1、viewport 简单粗暴的方式：直接设置viewport为320px的1.3倍，将页面放大1.3倍。为什么是1.3？目前大部分页面都是以320px为基准的布局，而iphone6的宽度比是375/320 = 1.171875，iphone6+则是 414/320 = 1.29375那么以1.29... 阅读全文

posted @ 2015-02-25 14:02 鬼鬼丫404 阅读(123) 评论(0) 推荐(0)

【经验心得】弹性布局rem-----模板----640设计稿

摘要：...... 阅读全文

posted @ 2015-02-10 10:01 鬼鬼丫404 阅读(144) 评论(0) 推荐(0)

页面布局孰优孰劣：基于REM的EMs弹性布局——可用性的胜利

摘要：http://blog.dimpurr.com/ems-layout/页面布局的方式总是随着技术的更新和创意的涌现不断的更新换代。从最开始的 Fixed 固定布局，到因为宽屏设备和移动互联网的普及产生的响应式和自适应，再到「Mobile First」的设计理念，前端们在可用性方面做的努力越来越多。R... 阅读全文

posted @ 2015-02-09 17:26 鬼鬼丫404 阅读(192) 评论(0) 推荐(0)

Bootstrap 教程

摘要：http://www.w3cschool.cc/bootstrap/bootstrap-tutorial.htmlhttp://e.jikexueyuan.com/bootstrap.html?hmsr=bootstrap_guide_bsevent_e教程被分为 Bootstrap 基本结构、Bo... 阅读全文

posted @ 2015-02-06 15:06 鬼鬼丫404 阅读(246) 评论(0) 推荐(0)

【心得总结】手机弹性布局做法--如何做到所有手机所有元素等比缩放

摘要：一、目前手机端做法有三种 1、流式布局 2、固定宽度 3、响应式二、简单介绍各种布局 1、流式布局宽度百分比，高度固定值PX 2、固定宽度网站页面以320写，超出部分留白 3、响应式以320为基准，进行缩放，最大缩放为320*1.3 = 416，基本缩放到416都就可以兼容iphone6 ... 阅读全文

posted @ 2015-02-06 15:00 鬼鬼丫404 阅读(368) 评论(0) 推荐(0)

rem是什么？

摘要：rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么？ rem（font size of the root element）是指相对于根元... 阅读全文

posted @ 2015-02-06 12:12 鬼鬼丫404 阅读(695) 评论(0) 推荐(0)

响应式网页设计:rem、em设置网页字体大小自适应

摘要：http://www.cnblogs.com/aimyfly/archive/2013/07/19/3200742.html总结：谷歌下最小字体不支持小于12PX的字体，所以我们在定义html最小字体时如果定义为62.5%，谷歌浏览器在解析高度，行高，magin paddding上下时是按12px来... 阅读全文

posted @ 2015-02-06 10:19 鬼鬼丫404 阅读(252) 评论(0) 推荐(0)

彻底弄懂css中单位px和em,rem的区别

摘要：国内的设计师大都喜欢用px，而国外的网站大都喜欢用em和rem，那么三者有什么区别，又各自有什么优劣呢？PX特点1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；3. Firefox能够调整px和em，rem，但是96%以... 阅读全文

posted @ 2015-02-05 18:44 鬼鬼丫404 阅读(157) 评论(0) 推荐(0)

纯 CSS 实现高度与宽度成比例的效果

摘要：http://zihua.li/2013/12/keep-height-relevant-to-width-using-css/item 元素的 CSS 定义如下：.item { float: left; margin: 10px 2%; width: 21%;}这时遇到的一个需求：在保持 i... 阅读全文

posted @ 2015-02-05 18:43 鬼鬼丫404 阅读(193) 评论(0) 推荐(0)

响应式网页设计基础也是重点：灵活性

摘要：http://tech.hexun.com/2013-03-01/151612165.html http://dev.yesky.com/401/34483401.shtml 在过去的一年里，如果你不是住在深山里，就一定知道响应式网页设计，它已经成为当今的主流。响应式设计是Ethan Marco... 阅读全文

posted @ 2015-02-01 16:32 鬼鬼丫404 阅读(167) 评论(0) 推荐(0)

css3中box-sizing属性用法详解-content-box-padding-box-border-box

摘要：手机页面多列不计算Border的方法%borderbox{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizi... 阅读全文

posted @ 2014-12-26 11:34 鬼鬼丫404 阅读(4228) 评论(0) 推荐(0)

jQuery Mobile 教程

摘要：http://www.w3school.com.cn/jquerymobile/index.asp 阅读全文

posted @ 2014-12-07 17:10 鬼鬼丫404 阅读(104) 评论(0) 推荐(0)

手机浏览器旋转为宽屏模式下文字会自动放大的解决方案

摘要：css中要设置 html { -webkit-text-size-adjust:none; } 复制代码保证当旋转手机，浏览器自动转为宽屏模式时，页面字体不会被自动放大；阅读全文

posted @ 2014-12-04 15:47 鬼鬼丫404 阅读(140) 评论(0) 推荐(0)

响应式十日谈第一日：使用 rem 设置文字大小

摘要：上面回顾：在序言中我们已经提到了响应式的一些基本理念，比如：响应式网页不仅仅是响应不同类型的设备，而且需要响应不同的用户需求。响应式的初衷是为了让信息更好的传递交流，让所有人无障碍的获取信息，同时这也是 Web 的初衷。序言中同样提到，响应式的设计应该秉承「内容优先，移动优先」的设计原则，那么我们知... 阅读全文

posted @ 2014-12-02 15:38 鬼鬼丫404 阅读(88) 评论(0) 推荐(0)

文章分类 - 手机移动端