CSS3中有两个新尺寸单位vw和vh, 这两个单位非常适合于开发移动端自适应页面。 假如说有一个设计师做了一张1136x750px的页面,这长页面是针对iPhone6的屏幕设计的。 前端开发工程师将这张设计稿转换成网页, 网页中所有的元素尺寸都用px硬编码, 那么这张网页在iPhone6中能跑的好好 ...
分类:
其他好文 时间:
2017-10-16 11:04:12
阅读次数:
4457
1.相对于视口的宽度。视口被均分为100单位的vw 如果视口的宽度是200mm,那么上述代码中h1元素的字号将为16mm,即(8x200)/100 2.相对于视口的高度。视口被均分为100单位的vh 如果视口的高度是200mm,那么上述代码中h1元素的字号将为16mm,即(8x200)/100 3. ...
分类:
其他好文 时间:
2017-10-12 19:18:58
阅读次数:
128
vw 相对于视窗的宽度:视窗宽度是100vw;vh则类似,是相对于视窗的高度,视窗高度是100vh. 这里的视窗指的又是啥? 是浏览器内部宽度大小(window.innerWidth)? 是整个浏览器的宽度大小(window.outerWidth)? 还是显示器的宽度大小(screen.width) ...
分类:
移动开发 时间:
2017-10-12 13:08:55
阅读次数:
270
CentOS7LAMPvhost1:phpMyadmin布署pma.mykernel.cnhttpsvhost2:wordpress布署wp.mykernel.cnvhost3:Discuz布署dz.mykernel.cn实验环境关闭防火墙:iptables-F搭建LAMP环境准备虚拟主机的DocumentRoot#mkdir-pv/web/vhosts
#chcon-thttpd_sys_content_t/web/vhosts
#mkdir/web/vh..
分类:
其他好文 时间:
2017-10-07 21:21:52
阅读次数:
276
px:绝对单位,页面按精确像素展示 em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认字体是16px),整个页面内1em不是一个固定的值。 rem:相对单位,可理解为”root em”, 相对根节点html的字体大小来计算,CSS3新加属性,chrom ...
分类:
Web程序 时间:
2017-09-29 16:40:25
阅读次数:
232
关于css中的长度单位,我们用的最多就是px,因为他简单直接。但是当一套方案匹配不同终端时,px就会显得过于生硬,不容易变通。 然而rem,em,vh,vw就可以有效的解决这一问题。让我们来看看这些东西是个啥? 首先是rem,W3C官网描述是“font size of the root elemen ...
分类:
Web程序 时间:
2017-07-28 19:21:09
阅读次数:
196
单位 绝对长度 px 像素(浏览器默认字体为16px) 注:用于pc端固定布局 相对长度 em 相对于父元素的字体大小 rem 相对于根元素的字体大小ie9+ 注:一般html元素的字体大小设置为625%,body元素的字体大小设置为0.16rem(0.1rem=1px) % 百分比 vw | vh ...
分类:
Web程序 时间:
2017-07-24 09:59:40
阅读次数:
218
px:绝对单位,页面按精确像素展示 em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认字体是16px),整个页面内1em不是一个固定的值。 rem:相对单位,可理解为”root em”, 相对根节点html的字体大小来计算,CSS3新加属性,chrom ...
分类:
Web程序 时间:
2017-06-24 23:35:31
阅读次数:
276
rabbitmq常用命令 add_user <UserName> <Password> delete_user <UserName> change_password <UserName> <NewPassword> list_users add_vhost <VHostPath> delete_vh ...
分类:
其他好文 时间:
2017-06-24 20:56:09
阅读次数:
229