小技巧！CSS 提取图片主题色功能探索
本文将介绍一种利用 CSS 获取图片主题色的小技巧。一起看看~ 背景 起因是微信技术群里有个同学发问，有什么方法能够获取图片的主色呢？有一张图片，获取他的主色调： 利用获取到的这个颜色值，来实现类似这样的功能 -- 容器中有一张图片，希望背景色可以适配图片的主色，像是这样： 大家出谋划策，有说...
- 博客
- WEB前端第六十九课——viewport、rem单位1.viewport视口 视口（viewport），是视图窗口的简称。 视口的大小就是HTML元素的实际大小。 但是，在移动端要想展示实际页面大小则必须进行视口的适配设置， 否则，移动端加载页面时，默认视口宽度980px或某个值（布局视口宽度），无法呈现实际大小。 说明： ...博客
- Vue.js 带下拉选项的输入框（Textbox with Dropdown）组件带下拉选项的输入框 （Textbox with Dropdown） 是既允许用户从下拉列表中选择输入又允许用户自由键入输入值。这算是比较常见的一种 UI 元素，可以为用户提供候选项节省操作时间，也可以给可能存在的少数情况提供适配的可能。 本来想着这个组件比较常见应该已经有比较多现成的例子可以直...博客
- CSS+HTML+flexible.js+rem实现屏幕缩放适配概念原理解释首先理解几个概念： （1）屏幕尺寸：屏幕对角线的长度，一般用英寸表示，1英寸=2.54cm。 （2）dp（（或者叫dip）：设备独立像素，也就是设备屏幕上多少个点。 （3）dpi：印刷行业术语，像素密度，是每英寸上像素点数 （4）ppi：屏幕像素密度，即每英寸(1英寸=2.54厘米)聚集的像素...博客
- H5 端 rem 适配方案与 viewport 适配H5 端 rem 适配方案与 viewport 适配 rem rem 是 CSS3 新增的一个相对单位（root em，根 em） 只根据当前页面 HTML 页面的 font-size 设置，如果根目录的 font-size 为 18px，则 1rem=18px 媒体查询设置 @media s...博客
- 微信小程序getUserProfile适配方案清明节放假前一天 群里突然炸锅，说小程序所有用的昵称全部变成了微信昵称 当时我就 特么不是说好13号吗??? 吓得我赶紧爬起来翻文档(需要代码直接往后翻) wx.getUserProfile(Object object) 基础库 2.10.4 开始支持，低版本需做兼容处理。 获取用户信息。每次...博客
- Vue-cli4.xPC端项目Rem适配适配准备 安装 (amfe-flexible) 和（postcss-px2rem） 1, 安装依赖并在main.js中引入该依赖 npm i amfe-flexible import “amfe-flexible” 2,安装第二依赖 npm i postcss-px2rem 并在paac...博客
- 页面适配&swiper图片自适应计算方法页面适配计算： 假设存在一个设计稿 宽度 xxx 或者 未知page 1、设计稿存 page在一个元素 宽度100px 2、拿以上的需求去实现不同宽度的页面适配 page px = 750 rpx 1 px = 750 rpx / page 100px = 750 rpx...博客
- 背景图片适配屏幕overflow: hidden; position: fixed; width: 100%; height: 100%; background: url("./images/login_bg.jpg") no-repeat; backgroun...博客
- 移动端适配解决方案优化以前写过的一篇文章：https://www.cnblogs.com/beileixinqing/p/11283315.html 目前常见移动端适配方案 1、媒体查询 通过写媒体查询，在不同的分辨率下写对应不同的样式，这样带来以下几点缺点： 开发上的繁琐，需要针对不同设备下写对应适配的样式；...博客
