草庐IT

Viewport-units

全部标签

Vue之移动端viewport-vw适配

一、前置知识vw:与视口的宽度有关,1vw就是视口宽度的1%vh:与视口的高度有关,1vh 就是视口高度的1%vmin:与当下视口的宽度和高度的最小值有关,取值为 vw 和 vh 中较小的那个vmax:与当下视口的宽度和高度的最大值有关,取值为 vw 和 vh 中较大的那个vmin可以照顾移动端(手机端)横屏和竖屏的显示效果,保证移动开发中屏幕 旋转 之后的尺寸不变vw横屏:显示效果不好vmin横屏:显示效果好,项目需要横屏的时候,可以采用vmin二、安装依赖yarn add postcss-px-to-viewport -D复制代码二、转换配置根目录下新建postcss.config.js/

Kotlin中,理解T.()->Unit 、 ()->Unit与(T) -> Unit

Kotlin比Java更方便的地方,其中之一是可以将函数作为参数。上面三者都是将函数作为其它函数的参数来使用,其形式虽然简单,但理解并不简单。一、共同点三者的返回值相同,均为Unit,即没有返回值。当然有返回值也可以,比如返回一个泛型R,或者是一个具体的值Int等如:T.()->R、()->R、(T)->R或者:T.()->Int、()->Int、(T)->Int二、定义形式可以结合Kotlin自带的作用域函数来理解:apply:funT.apply(block:T.()->Unit):T{block();returnthis}also:funT.also(block:(T)->Unit):T

Kotlin中,理解T.()->Unit 、 ()->Unit与(T) -> Unit

Kotlin比Java更方便的地方,其中之一是可以将函数作为参数。上面三者都是将函数作为其它函数的参数来使用,其形式虽然简单,但理解并不简单。一、共同点三者的返回值相同,均为Unit,即没有返回值。当然有返回值也可以,比如返回一个泛型R,或者是一个具体的值Int等如:T.()->R、()->R、(T)->R或者:T.()->Int、()->Int、(T)->Int二、定义形式可以结合Kotlin自带的作用域函数来理解:apply:funT.apply(block:T.()->Unit):T{block();returnthis}also:funT.also(block:(T)->Unit):T

viewport 深入理解

在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲,移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域,在具体一点,就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域,但viewport又不局限于浏览器可视区域的大小,它可能比浏览器的可视区域要大,也可能比浏览器的可视区域要小。在默认情况下,一般来讲,移动设备上的viewport都是

viewport 深入理解

在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲,移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域,在具体一点,就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域,但viewport又不局限于浏览器可视区域的大小,它可能比浏览器的可视区域要大,也可能比浏览器的可视区域要小。在默认情况下,一般来讲,移动设备上的viewport都是