
移动端
lxhguard
腾讯前端
展开
-
前端像素大全
一。px 又称虚拟像素,是css像素的单位。他是一个相对单位,相对于设备像素而言的。 px具有两个相对性,其一,相对于同一设备一个css像素可变;其二,相对于不同设备,一个css像素可变。 默认情况下一个CSS像素应该是等于一个物理像素的宽度,在浏览器中的放缩操作,相当于把一个css像素放缩为你的浏览器放缩倍数乘以一个物理像素的宽度。 *PS: CSS像素只是一个相对值。 二。DP ...原创 2018-07-26 21:20:47 · 1315 阅读 · 0 评论 -
viewport 归纳
一。分类(三种) layout viewport :那些为桌面设计的网站也能在移动浏览器上正常显示的宽度(这是浏览器的一个默认值) visual viewport :浏览器可视区域的大小 ideal viewport:能完美适配移动设备的viewport。即不需要用户缩放和横向滚动条就能正常的查看网站的所有内容,显示的文字的大小是合适的。 下图真实通俗的显示了layout viewp...原创 2018-07-27 10:03:25 · 615 阅读 · 0 评论 -
浅谈 less 与 sass
一。开篇: sass 与 less 都是预编译(预处理)的css语言。 Sass是一种动态样式语言,Sass语法属于缩排语法,比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理,函数等),更容易阅读。 Less也是一种动态样式语言. 对CSS赋予了动态语言的特性,如变量,继承,运算, 函数. Less 既可以在客户端上运行 (支持IE 6+, Webk...原创 2018-07-27 11:05:59 · 5143 阅读 · 0 评论 -
移动端开发
一。响应式设计好处 1.一套项目代码 2.一套开发环境 3.一个URL 4.内容所见即所得 5.不会因为终端升级而导致不可用 做法: 布局百分比宽度 + 容器浮动 二。viewport参数的最佳组合 <meta name="viewport" cont...原创 2018-07-27 11:37:18 · 204 阅读 · 0 评论