天猫的web app的首页就是采用这种方式去做的,以320宽度为基准,进行缩放,最大缩放为320*1.3 = 416,基本缩放到426都就可以兼容iphone6 plus的屏幕了,这个方法简单粗暴,又高效。说实话我觉得他和用接下去我们要讲的rem都非常高效,不过有部分同学使用过程中反应缩放过程中有些...
分类:
其他好文 时间:
2015-10-22 10:22:25
阅读次数:
202
强烈推荐这篇文章:《web app 变革之rem》px转rem工具:《px转rem工具》由于最近在做公司移动项目的重构,因为要实现响应式的开发,所以大量使用到了rem的单位,觉得这个单位有点意思。但是现在貌似用他的人很少。上一篇文章我分享了淘宝写的一篇rem的介绍,介绍的非常全面,但是他们似乎都把关...
分类:
其他好文 时间:
2015-10-22 09:11:37
阅读次数:
391
最近,移动开发项目中关于图表的部分,我们采用了highcharts,但是在为了让大部分机型都能够完美适配,还是仔细的研究了一番。 首先研究的就是淘宝的首页,淘宝的层叠样式表,大多采用的单位是rem,这是css3引入新的字体尺寸单位,相对于根节点计算像素的。 比如,同时那么其他元素诸如实际显示...
分类:
移动开发 时间:
2015-10-21 18:57:27
阅读次数:
348
在Web中使用什么单位来定义页面的字体大小,至今天为止都还在激烈的争论着,有人说PX做为单位好,有人说EM优点多,还有人在说百分比方便,以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。不幸的是,仍然有不同的利弊,使各种技术都不太理想,...
分类:
Web程序 时间:
2015-10-21 10:28:15
阅读次数:
235
Windows系统:修改bin下的setclasspath.bat,在开头处添加:rem set specific jdkset JAVA_HOME=%CATALINA_HOME%\jdk1.8.0_51set JRE_HOME=%CATALINA_HOME%\jdk1.8.0_51Linux系统:...
分类:
其他好文 时间:
2015-10-20 19:10:17
阅读次数:
211
HTML代码部分rem测试 尽显权威专业 国际特色安全体系 学术研讨把脉国际健康动态 尖端设备全面助力提升能力 css代码部分/*css*/@charset "utf-8";a { text-decoration: none; color: #000000;}*...
分类:
其他好文 时间:
2015-10-20 13:40:12
阅读次数:
564
rem这是个低调的css单位,近一两年开始崭露头角,有许多同学对rem的评价不一,有的在尝试使用,有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么?rem(fontsizeoftherootelement)是指相对于根元素的字体大小的...
分类:
移动开发 时间:
2015-10-20 12:10:29
阅读次数:
237
rem这是个低调的css单位,近一两年开始崭露头角,有许多同学对rem的评价不一,有的在尝试使用,有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么?rem(fontsizeoftherootelement)是指 相对于根元素的字体.....
分类:
移动开发 时间:
2015-10-19 18:59:01
阅读次数:
246
1、考虑到XP系统电脑,所以下内容使用BAT脚本,没使用PowerShell2、需要使用工具lsrunas.exe在开机脚本中添加:rem将lsrunas复制到客户机C盘system目录
xcopy"\share\lsrunas\lsrunas.exe""C:\window同时,在登录脚本中添加:rem将用户添加到PowerUsers组内脚本
echo@echooff&g..
分类:
其他好文 时间:
2015-10-19 17:30:40
阅读次数:
242
移动端的rem:使用方法:设置html的font-size,根据浏览器分辨率缩放设置根元素font-size为100px这样好用的值,不要设为10px这样的;然后获取浏览器的分辨率,也就是视口宽度,p(比例尺)= 视口宽度/效果图宽度根元素font-size=100px*p然后来个resize去跟随...
分类:
移动开发 时间:
2015-10-18 23:01:47
阅读次数:
918