1.最先接触的方法是根据不同的设备也设置html的font-size 2.第二种是最近了解到的vw,配合CSS3 calc计算实现动态字体大小效果。其实本来第二种想写js方法,但是有代码就放最后吧 例如,我们希望浏览器宽度在600px~1000px变化的时候,html根元素的font-size大小是 ...
分类:
其他好文 时间:
2016-09-23 16:40:16
阅读次数:
222
1.CSS3 vw 单位 1vw = 1% viewport width 2.padding-bottom 3,padding-bottom+:after+absolute ...
分类:
Web程序 时间:
2016-09-22 19:33:52
阅读次数:
197
一、N多的唠哩唠叨 CSS3中一些新的单位早在去年春暖花开的时候就介绍了,参见:CSS长度值及时间、频率、角度单位。显然,其中就提到了本文要感叹的单位vw, vh,见下图: 不过“我看见你”和“我触碰你”是不一样的。正好,机缘巧合,最近又与这两个单位想见。大致琢磨了下,貌似vh这个单位可以实现我以前 ...
分类:
其他好文 时间:
2016-09-10 19:23:00
阅读次数:
1622
我们经常会遇到这样的情况:在一个页面加载的开始,页面高度比较低,不会出现滚动条。而随着页面的加载,滚动条出现,页面中居中的标题,图片或者一些其他的东西会突然往左边跳一下。这是因为,刚开始没有出现滚动条时,你用margin:0auto;所做的居中是根据浏览器窗口大小而计算..
分类:
其他好文 时间:
2016-08-23 19:07:12
阅读次数:
141
在 Oracle 中,ST_Geometry 和 ST_Raster 的 SQL 函数使用通过 Oracle 的外部过程代理(即 extproc)访问的共享库。要将 SQL 和 ST_Geometry 或 ST_Raster 配合使用或访问 GDB_ITEMS_VW 和 GDB_ITEMRELATI ...
分类:
其他好文 时间:
2016-08-05 13:56:35
阅读次数:
221
Got one Foxwell NT510 Multi-System Scanner from an authorized dealer, I did some test and will put my report below for your reference. Below are Foxwe ...
分类:
数据库 时间:
2016-07-14 15:13:19
阅读次数:
336
书里谈到尽量不要使用Media Queriy。 但是过多使用media query,会导致CSS变得脆弱和页面难以维护。一些方法可以减少页面使用 media query. 响应式设计: (1) 使用百分比替换固定的宽度。如果不行,也尽量使用vw, vh, vmin, vmax。 (2) 使用max- ...
分类:
其他好文 时间:
2016-07-04 23:43:35
阅读次数:
158
1、px:相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 2、em:相对长度单位.(1em=16px)相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。 看下面例子: <body>body <div class="div1">div1 <d ...
分类:
Web程序 时间:
2016-06-25 09:40:09
阅读次数:
292
#!/bin/bash len=90 str=(a b c d e f g h i j k l m n o p q r s t u vw x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9 0 \! ...
分类:
系统相关 时间:
2016-06-07 17:54:50
阅读次数:
211
前言 不像响应式布局,通过media query,设置几个变化点来适配,流体排版通过调整大小,适配所有设备宽度。这个方法可以使我们开发的网页,在几乎所有屏幕尺寸上都可以使用。但出于一些原因,它的使用率还远远没有响应式技术高。 在印刷的历史上,排版是根深蒂固的。关于“流体”的概念,在传统思想里并不存在... ...
分类:
其他好文 时间:
2016-05-16 12:48:45
阅读次数:
209