CSS
css_666
这个作者很懒,什么都没留下…
展开
-
canvas的width和style.width的区别
在canvas中,有width和height两个属性,它定以的是canvas的画布和画纸的大小。如果不设定,默认是300*150;例如我们设置canvas的宽高都是300<canvas id="demo" width="300" height="300"></canvas>如下图,画布和画纸都是300,画面没有变形。通过css设置canvas的width和hei...原创 2020-03-30 16:54:01 · 4371 阅读 · 0 评论 -
css怎么实现左边高度随右边的高度变化
方案一:flex布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...原创 2019-12-25 16:52:21 · 3073 阅读 · 0 评论 -
css技巧--进阶
1.图片黑白化如果遇到突发灾难,或者灾难纪念日,为了以示哀悼,需要把彩色图片改换成黑白图片.倘若一个一个的修改,费时费力,使用下面整个技巧,只需要一个样式轻松搞定img.dark{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-fi原创 2017-11-27 11:41:12 · 379 阅读 · 0 评论 -
H5网页在ios系统里滑动卡顿
H5网页在安卓系统里滑动还是挺流畅的,但是在苹果手机里面会异常的卡顿,优化方案如下: overflow:auto; /* 用于 android4+,或其他设备 */ -webkit-overflow-scrolling:touch; /* 用于 ios5+ */注意:这段代码一定要加在最外层的容器里。例如webpack中常用的app,或者html,body中。...原创 2019-01-04 16:27:25 · 1243 阅读 · 1 评论 -
H5在苹果手机里唤起输入框后底部出现白条
H5网页中,用户输入完成后关闭输入框后底部会出现白条,如下图:解决方案:在输入框失去焦点的时候,调用下列代码即可:$(window).scrollTop(0,0);原理:用户在输入完成以后,窗口页面可能计算出现错误,因此强制窗口重绘。...原创 2019-01-04 16:34:45 · 4259 阅读 · 0 评论 -
移动端1px问题
项目中有个样式需要设置为:border-bottom:.01rem solid #f6f6f6; 但是在魅族手机自带浏览器上显示不出来。解决方案:在元素行内添加样式,使用1px,<div class="item" style="border-bottom:1px solid #f6f6f6;">...原创 2019-01-08 14:47:18 · 366 阅读 · 0 评论