获取设备dpr值
获取设备dpr值alert(window.devicePixelRatio)弹出当前设备dpr值
这家伙很懒,还没填写该栏目的介绍呢~
获取设备dpr值alert(window.devicePixelRatio)弹出当前设备dpr值
文本缩放,在之前我们使用过css3的transform中scale进行比例扩大或者缩放,但是这个属性兼容性差,在IE10一下基本就失效(蔫了),今天带来的zoom就很好解决这个问题!废话不说上代码!<!doctype html> <html> <head> <meta charset=&qu...
import使用link引入引发问题谷歌浏览器可以正常使用,但是在谷歌吧浏览器之外使用link的import引入的页面就无法显示那么这个问题该如何解决呢?首先引入肯定在jq实现了load(需要加载的文档地方),此时在这个js文件下方进行需要请求的js代码使用$.getScripr('需要加载模板运行的js')第一步工作这一已经结束了,第二部呢...
上一篇文字介绍了less的快速入门语法,接下来介绍使用如果你搭建了nodejs环境可以直接参考下面用法,如果还没有nodejs环境,请善于使用站内搜索node环境搭建。安装完成后进行全局安装lessnpm i less -g npm i less -gnpm i less-pl...
本文涉及内容如下: flexbox的基本概念、容器属性学习、项目属性学习、实战演练。 flexbox 堪称布局神器,但属性实在太多让人无从下手,因此将自己所学的知识做个总结。基本概念flexbox是Flexible Box的缩写,译为弹性布局。flex 布局主要是让容器中的子项目可以根据配置改变自身的宽高及顺序,以最佳的方式填充容器,达到弹性的目的。容器有横...
CSS3 动画Animation的8大属性animation复合属性。检索或设置对象所应用的动画特效。 如果有多个属性值时以”,”隔开,适用于所有元素,包含伪对象:after和:before1.animation-name 检索或设置对象所应用的动画名称必须与规则@keyframes配合使用,eg:@keyframes animations &n...
animation和上次说的transform动画有点不同,需要进行定义动画规则,而animation则无需受体,自动执行动画,translation则需要某个动作执行才进行动画!下面看一个animation参数animation: run 3...
刚才说到transition动画执行,接下来看下动画变换(transform),transform属性的取值4个transform: rotate | scale | skew | translaterotate(旋转):rotate() :指定一个2D旋转,正数顺时针,负数逆时针旋转执行图像的旋转,单位deg,50deg顺时针选择50度,-50deg逆时针...
下面是一个css3中transition动画的简单例子<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>transition效果</title> <...
media媒体查询响应式可以实现什么效果?对于不同尺寸的设备相应不同的样式,但是不能兼容移动和pc端的全响应兼容. 下面介绍一下media媒体查询的使用方法@media&...