CSS
萩萩萩
这个作者很懒,什么都没留下…
展开
-
了解CSS
background <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div { width: 200px; height: 200px; bo原创 2017-08-09 14:16:02 · 261 阅读 · 0 评论 -
移动端点击移除高亮
-webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; user-select:none; -webkit-tap-highlight-color:当用户轻按一个链接或者JavaScript可点击元素时给元素覆盖一个高亮色,值为color,取消高亮可用tr...转载 2019-03-29 20:56:30 · 1332 阅读 · 0 评论 -
求解设置float之后,各元素之间有缝隙?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> * { padding原创 2019-02-13 15:25:35 · 1463 阅读 · 0 评论 -
移动端滚动穿透解决方法
当页面中出现弹层时,弹层页面滚动也会引起body的滚动,解决方法如下 // 打开弹层时获取当前页面的滚动值,并给body设置position:fixed;top:当前页面的滚动值 var scrollPx = $('body').scrollTop(); $('body').addClass('openFixed'); $('body').css('top', -scrollPx); //...原创 2018-09-14 17:04:26 · 381 阅读 · 0 评论 -
移动端兼容之苹果
每日一坑之20180914: <input type="button" value="test" class="disabled" disabled> input 设置 disabled 属性 之后,在ios手机上发现按钮颜色变浅。是因为设置了disabled属性之后,按钮的透明度发生了变化。 解决方法如下 /* 第一种 */ .disabled { ...原创 2018-09-14 16:52:09 · 332 阅读 · 0 评论 -
select去除默认样式
/*!* option 样式清除 *!*/ option::-ms-expand{ display: none; } option { -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari 和 Chrome */ appearance:none; padding: 0; width: 20px; display:原创 2018-04-10 14:41:00 · 840 阅读 · 0 评论 -
日常问题
letter-spacing 对文字居中的影响 input标签的优先级原创 2018-04-10 11:14:48 · 212 阅读 · 0 评论 -
css实现文字两端对齐
<div>上海<span></span></div>div { width: 100px; height: 50px; background-color: pink; margin: 0 auto; text-align:justi...原创 2018-04-02 18:13:39 · 573 阅读 · 0 评论 -
元素水平垂直居中的五种方式
页面结构为:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>水平垂直居中</title> </head> <body> <div class='content'></div> </body> </html>未知元素宽高的情况下: 1..content{ width: 1原创 2018-03-14 11:38:42 · 288 阅读 · 0 评论 -
h5移动端拨打电话和发送短信
拨号 发短信原创 2017-12-06 16:28:16 · 1160 阅读 · 0 评论 -
H5移动端开发相关内容
1、给页面定义最大和最小宽度{ max-width:640px; min-width:320px; }2、去掉a、input标签在浏览器中的默认样式a,button,input,optgroup,select,textarea { -webkit-tap-highlight-color:rgba(0,0,0,0); /*去掉a、input和button点击时的蓝色外边框和灰色原创 2017-12-05 10:16:55 · 319 阅读 · 0 评论 -
伪元素-空心倒三角
小三角原创 2017-08-31 19:07:05 · 965 阅读 · 0 评论 -
页面文字增加后,字体变大
在移动端添加很多文字时,文字被放大,可以给p标签添加 max-height: 9999px 解决原创 2019-05-17 14:37:00 · 341 阅读 · 0 评论