摘要:
在没有C3的时候,响应式布局是通过js来实现的. 开始研究响应式web设计,CSS3 Media Queries是入门。 Media Queries,其作用就是允许添加表达式用以确定媒体的环境情况,以此来应用不同的样式表。换句话说,其允许我们在不改变内容的情况下,改变页面的布局以精确适应不同的设备 阅读全文
摘要:
如题,这个东西很是费了一般脑筋 上一次讲了如何在浏览器端解析less文件,这次是在cmd中使用npm中的less模块来解析 详解如下 首下我们去下载一个NodeJs, 我下载的是4.44版本,一路next之后,因为文件不大,就直接在C盘了 当然我个人是不推荐在C盘的,你喜欢在哪个盘就哪个盘 进入cm 阅读全文
摘要:
之前的一个布局是用rem来做的 我上一段代码 上面的样式里面的每个rem都是要用计算器算出来的,一个页面有多少个div,要做多少个页面?那不是要疯了 所以可以用less来做这个复杂的事情 Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更 阅读全文
摘要:
css3中添加了很多新的标签 可以通过这些属性来对一个平面图形操作达到一个立体的效果 红色的标签就是这次案例里面所用到的 第一,先要有六个div前后,左右,上下;在六个div外面需要一个父级容器,在父级的外部需要一个 阅读全文
摘要:
这是通过Javascript来控制瀑布流效果 布局很简单,就是两个div,一个div控制图片显示,一个div用gif图片来显示loading等待 然后调用JQuery库来实现效果 阅读全文
摘要:
按百分比布局,精度肯定不会有rem精确 meta就不多说了,同样在meta标签内 <meta name="viewport" content="width=device-width,initial-scale=1 user-scalable=0"> 在body下面有三个div,其中第一个div样式如 阅读全文
摘要:
作为一个WebCoder,现在移动端这么火,肯定是要做的阿,那h5页面怎么测试呢,用模拟器肯定就不能满足需求 那就用真机把,管你安卓还是苹果,只要在一个无线下 打开php,在浏览器搜索栏输入localhost,测试你的本地文件夹下的h5页面 通过cmd,ipconfig找到你的ip地址,然后再手机端 阅读全文
摘要:
在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport,通读网上的各种对于viewport的解释之后 大概viewport可以理解为三种 1。layout viewport ,也就是这个浏览器默认的viewport 2。visual viewport , 浏览器可视区域vi 阅读全文
摘要:
通过jq封装的方法,可以更简单的制作一个选项卡 载入外链jq,就可以开始写代码了 阅读全文
摘要:
在jq中,比较方便的是相对于js,jq封装了很多方法,很方便使用,下面我举几个常用的方法 animate()方法 实现效果如下: 可以看到,根据我设置的 width,height,opacity,left,我的小红移动了 而且值得注意的是,在这个animal方法可以回调,代码如下 在上面的代码中,我 阅读全文