

CSS媒体查询 @media
PC端和移动端自适应,自动换行@mediascreenand(max-width:850px){/*以下代码在屏幕小于850的情况下执行*/.dsad{/*父类*/display:flex;/*flex布局*/flex-wrap:wrap;/*是否支持子类换行*/}.asdf{/*子类*/width:100%;...
作者:ryan2018-10-18css字体更小 css比12px更小的方法
1、默认查询显示不达标的数据主要是利用了一个变形的原理吧。因为我当前是APP的,什么浏览器兼容代码那些就不写了,需要的同学自己加上!
作者:ryan2017-10-28CSS定义字体间距 字体行与行间距
letter-spacing:像素(字母或中文字的左右间距)word-spacing:像素(两个单词之间的左右间距)line-height:像素(两行之间的间距)text-decoration:字体的装饰(如删除线等)vertical-align:垂直上的位置text-align:...
作者:ryan2017-10-28css文本超出隐藏显示省略号
pstyle="width: 300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览...
作者:ryan2016-12-21canvas小tip–下载二维码、图片加水印
昨天介绍了一个生成二维码的插件QRCode.js,它是借助HTML5 Canvas绘制而成。所以,今天的主角就是canvas啦–canvas的实际应用。一、下载二维码(查看如何生成二维码) HTMLCanvasElement提供了toDat...
作者:ryan2018-03-20分享一个生成二维码的插件–QRCode.js
随着移动设备的普及,日常生活中随处可见二维码,大有一码走天下之势。那么前端如何来生成二维码?通过QRCode.js我们可以快速生成二维码啦,一起来看看怎么使用吧。1、引入插件/*html*//*js*/2、基本用法varqrcod...
作者:ryan2018-03-19JS判断单、多张图片加载完成
在实际的运用中有这样一种场景,某资源加载完成后再执行某个操作,例如在做导出时,后端通过打开模板页生成PDF,并返回下载地址。这时前后端通常需要约定一个flag,用以标识模板准备就绪,可以生成PDF了。试想...
作者:ryan2017-08-13
CSS媒体查询 @media
- PC端和移动端自适应,自动换行@mediascreenand(max-width:850px){/*以下代码在屏幕小于850的情况下执行*/.dsad{/*父类*/display:flex;/*flex布局*/f...
input radio单选框样式优化
- HTML代码:水果
input range样式优化
- 首先HTML代码:css代码:input[type="range"]
css字体更小 css比12px更小的方法
- 1、默认查询显示不达标的数据主要是利用了一个变形的原理吧。因为我当前是APP的,什么浏览器兼容代码那些就不写了,需要的同学自己加上!
CSS定义字体间距 字体行与行间...
- letter-spacing:像素(字母或中文字的左右间距)word-spacing:像素(两个单词之间的左右间距)line-height:像素(两行之间的间距)text-decoration:字...
