转载自https://www.cnblogs.com/xiahj/p/8036419.html 1. -webkit-overflow-scrolling:touch是什么？ MDN上是这样定义的： -webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果. auto: 使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止。 touch: 使用具有回弹效

前端的同学想必都碰到过1px边框的问题，在高分屏手机上，我们会发现自己写的1px往往会比预想的“粗”一些，下面是他人总结的解决方案。 单线 写一个高度为1px的线，然后通过transform:scaleY(0.5)缩放来实现 div{ height:1px; background:#ddd; -webkit-transform: scaleY(0.5); -we

利用flex可以方便快捷的帮助我们进行网页布局，不过由于历史标准很多，人工书写会有一些兼容性问题，这里将在网上搜集到的兼容性的写法放在博客中，以便取用。 flex：定义布局为盒模型 .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

在编写前端代码的过程中，有一些属性和方法是需要经常用到的，但是记忆起来又比较麻烦（反正我是间歇性记得），以前我总是要用了就去百度一下，每次还需要对网页对内进行一下筛选，总之很麻烦。本文总结了一些比较常用但又不容易记住的前端属性和方法，包括：文本溢出、文本禁止选中、点击目标区域以外影藏、获取元素距离与位置等。 文本溢出省略符 .text-ellipsis{ overflow: hidden; t

转载自腾讯isux，原文地址：https://isux.tencent.com/inner-scroll-layout.html 一、什么是内滚动布局？ 所谓“内滚动布局”，顾名思义就是主滚动条在页面内部的布局，是相对于传统的滚动而言的，例如，下图所示滚动条，是从头部下方开始： 传统的页面滚动，基本上是相对于整个浏览器窗体，例如，QQ视频首页： 二、为什么会有内滚动布局？ 随着显示器设备越

最近在看微信小程序的文档，里面有使用flex布局，然后我去学习了阮一峰的flex教程，有感而发，自己也来一个！ 在线demo 速查 容器属性 属性 说明 取值（第一个是默认值） flex-direction 主轴的方向 row，row-reverse，column，column-reverse flex-wrap 如何换行 nowrap，wrap，wrap-reverse