响应式网页的CSS写法

16-5-23 2,191 views

目前很多主流的前端框架都有响应式的控件样式,但有时为了响应式而引入框架没太大必要 响应式样式对前端新人来说可能不太熟悉,下面写了一个比较简单的响应式例子: CSS: body{     padding: 0;     margin: 0...
阅读全文

清除safari默认的按钮样式

16-1-31 2,219 views

在移动端safari下,<input type="button" value="test">会被赋予默认的样式,即使定义了background和border-radius等样式,还是不能达到预期效果。 如上的蓝色按钮样式为: .ipt{    wi...
阅读全文

让元素在页面垂直居中的方法

15-12-20 1,488 views

不管是PC页面还是移动端页面,经常会有弹出层菜单需要设计,用户的终端尺寸很多,怎样使弹出层或弹出元素在页面中水平和垂直居中呢?水平居中见的多,垂直居中该怎么写,下面给出本人用过的三种方法:   CSS...
阅读全文

记录几个时不时用到的css/css3属性

15-12-12 1,559 views

1. pointer-events:none 使元素失去click,onmouseover等所有行为,用处在于某个元素在另一底层元素上时(z-index值比另一元素大),也不会影响另一底层元素的click等行为 2. text-overflow:ellipsis 当文字超出元...
阅读全文

解决移动端safari的click事件冒泡bug

15-9-12 2,997 views

今天在做移动端页面,测试时发现一个问题,ios的safari下,下面的div点击后不触发click事件: <script>   $(document).on('click','.div_test', function() {    &n...
阅读全文