唯品秀博客

移动端rem小于12px文字-webkit-text-size-adjust

昨天做项目,遇到一个神奇的css问题,也是我做前端为止遇到的最花我时间的一个问题,整整找了一下午这个bug,先说说问题。大家在做移动端开发H5页面时候,设计图通...

阅读全文

 2019年01月24日  436℃ 条评论 1 喜欢

【mac safari浏览器】设置border-radius但overflow:hidden失效问题

正常来讲,如果我们设置父亲元素圆角,并且设置超出部分隐藏,那么子元素也应该限制在这个父亲带有圆角的区域内,但事与愿违,如下图: 在之前帮别人做的一个案例...

阅读全文

 2019年01月19日  553℃ 条评论 2 喜欢

css3弹性盒子display:flex常见属性总结

一:display:flex 布局 display:flex 是一种布局方式。它即可以应用于容器中,也可以应用于行内元素。是W3C提出的一种新的方案,可以简便、完整、响应式地实现各种...

阅读全文

 2019年01月18日  485℃ 条评论 2 喜欢

使用css3绘制任意角度扇形

核心技术两点,一、旋转rotate,二、倾斜skewY,直接上代码: 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152...

阅读全文

 2019年01月16日  534℃ 条评论 3 喜欢

CSS3神奇的css高亮 – filter(滤镜)

效果展示 现在请用鼠标轻轻抚摸下咱们景甜小姐姐的小胸脯,初看到这个效果,是否想到的是改变两张图片的透明度,查看之后发现是用filter实现的,很简洁有没有。实现...

阅读全文

 2018年11月15日  1537℃ 条评论 2 喜欢

双击视频/图片全屏功能(解决全屏后双击无法退出)

首先:实现全屏功能并不麻烦,两个api就能搞定,全屏:element.requestFullscreen();退出全屏:document.exitFullscreen();但实际运用中发现,全屏后是无法再双击退...

阅读全文

 2018年04月22日  1855℃ 条评论 1 喜欢

CSS3中伪类的content和attr的用法

说起css的content,很多人都知道那就是用来在标签头尾插入内容的,但如果你说css里面的attr和content有啥关系,我想还是蛮多人不知道的吧,attr做前端的应该见名思...

阅读全文

 2018年01月30日  2115℃ 条评论 7 喜欢

HTML5摇一摇,如何判断设备摇动 – H5陀螺仪

好奇宝宝花点时间看了看这玩意儿,感觉还蛮好玩的样子,实际用处似乎不大,不过如果你是经常做移动端活动页面,那很可能用得上哦,不多说,直接贴代码和demo,有案...

阅读全文

 2018年01月30日  3349℃ 条评论 7 喜欢

在 iOS Safari中假装自动播放 HTML5 audio(音乐) 的正确方式

做过移动端音乐播放器的同学可能都会发现,在安卓上页面刷新后可以做到自动播放的播放器在苹果手机上就不行,其实这是因为苹果系统的机制限制,那么我们应该怎么解...

阅读全文

 2018年01月28日  5339℃ 条评论 3 喜欢

简单了解HTML5中的Web Notification桌面通知

通知可以说是web中比较常见且重要的功能,私信、在线提问、或者一些在线即时通讯工具我们总是希望第一时间知道对方有了新的反馈,这个时候,就需要页面给予即使的通...

阅读全文

 2017年10月12日  2117℃ 条评论 5 喜欢

Safari浏览器iOS 2.0+长按图片储存

在所有移动设备默认是正常的,即:长按图片img元素会弹出底部菜单,可以保存当前图片,但有些时候我们会发现并没有反应? -webkit-touch-callout 一个 不规范的属...

阅读全文

 2017年09月13日  3829℃ 条评论 3 喜欢

用纯css改变下拉列表select框的默认样式

在这篇文章里,我将介绍如何不依赖JavaScript用纯css来改变下拉列表框的样式。 其实用下列CSS就可以解决,原理是将浏览器默认的下拉框样式清除,然后应用上自己的...

阅读全文

 2017年06月09日  936℃ 条评论 1 喜欢

HTML5新增js常用方法

延迟加载JS------defer="defer" 1234567    <script src="js/b.js" defer="defer"></script>     <scrip...

阅读全文

 2017年05月07日  13647℃ 条评论 4 喜欢

CSS3 pointer-events允许鼠标点击穿透后面的元素

pointer-events,搞前端的朋友们应该听说过这个属性吧。每年圣诞节的时候,许多网页上都会挂出一个雪花飘落的特效增加一些节日气氛。有一些是用flash实现的,也有用...

阅读全文

 2017年05月05日  3020℃ 条评论 7 喜欢

博客简介

唯品秀博客: weipxiu.com,一个关注Web前端开发技术、关注用户体验、坚持更多原创实战教程的个人网站,愿景:成为宇宙中最具有代表性的前端博客,期待您的参与,了解更多...

精彩评论

风云英雄

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!

站点统计

  • 文章总数: 164 篇
  • 草稿数目: 3 篇
  • 分类数目: 13 个
  • 页面总数: 21 个
  • 评论总数: 884 条
  • 链接总数: 10 个
  • 标签总数: 297 个
  • 建站时间: 800 天
  • 注册用户: 448 人
  • 访问总量: 8649865 次
  • 最近更新: 2019年2月19日
服务热线:
 182****8470

 QQ在线交流

 旺旺在线