响应式研究
huanmeng122
这个作者很懒,什么都没留下…
展开
-
设备像素比devicePixelRatio简单介绍
本文所说devicePixelRatio其实指的是window.devicePixelRatio, 被所有WebKit浏览器以及Opera所支持,随着显示器的发展,这个属性也慢慢登上了前端技术的舞台。 本文内容大部分属于翻译性质内容,因此,会不那么通俗易懂。不过,你是做手机开发的,或是有意向的,本文的内容如果细细读来,还是有些收获的。 一、定义 定义如下:window.devicePixelR转载 2015-08-22 18:19:59 · 11294 阅读 · 0 评论 -
Flex 布局教程:语法篇
网页布局(layout)是CSS的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。Flex布局将转载 2015-08-31 18:04:39 · 899 阅读 · 0 评论 -
响应式网页设计
概念 响应式网页设计最初是由 Ethan Marcotte 提出的一个概念:为什么一定要为每个用户群各自打造一套设计和开发方案?Web设计应该做到根据不同设备环境自动响应及调整。当然响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等,它更像是一种对于设计的全新思维模式;我们应当向下兼容、移动优先。转载 2015-08-22 11:09:24 · 659 阅读 · 0 评论 -
【移动端】使用REM进行的响应式布局
工具ViewtoREM:PX转换到REM(自动预处理)REM的定义: rem是相对于根元素<html>来设置字体大小的,这样就意味着,我们只需要在根元素确定一个参考值,在根元素中设置多大的字体,这完全可以根据您自己的需求。REM与EM、PX的区别: PX:像素,比较精确的单位,但不好做响应式布局 EM:以父节点font-size大小为参考点,标准不统一,容易造成混乱REM支持的浏览器: 支持转载 2016-11-16 08:23:39 · 2675 阅读 · 0 评论