适配问题
关注
分享
扫一扫
baby加油_
如果不曾相逢，也许心绪永远不会沉重，如果真的失之交臂，恐怕一生也不得轻松。
一个眼神，便足以让心海掠过飓风，在贫瘠的土地上，更深地懂得风景。一次远行，便足以憔悴了一颗羸弱的心，每望一眼秋水微澜，便恨不得泪水盈盈。
死怎能不从容不迫，爱又怎能无动于衷，只要彼此爱过一次，就是无憾的人生...
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
移动端适配flexible.js
1、什么是flexible.js是一个终端设备适配的解决方案。是一个用来适配移动端的javascript框架。根据宽度的不同设置不同的字体大小，样式间距都使用rem作为单位，不同屏幕大小适配不同的样式。2、flexible.js 做的三件事动态改写标签给元素添加data-dpr属性，并且动态改写data-dpr的值给元素添加font-size属性，并且动态改写font-size的值如果没有设置viewport，会动态生成<meta name="viewport" content="原创 2021-11-19 11:30:51 · 1951 阅读 · 0 评论 -
VSCode自动将px转化为rem的插件cssrem
在做移动端适配的时候，经常需要将设计图上的px单位转化为rem，那么怎么能快速计算呢？这里我说下我常用的编译器VScode 它里面有个插件叫cssrem，用它就可以在我们输入px值后自动转换rem安装插件在vsCode中搜索，cssrem,点击安装修改配置参数打开文件->首选项->设置搜索cssrem,设置root font size修改完参数后我们只要输入px值插件就会自动算出rem值，效果如下图：...原创 2021-11-18 11:07:25 · 8500 阅读 · 1 评论 -
IE上input文本框聚焦后重新赋值，光标移动到最左端
直接上方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&原创 2021-04-21 18:20:09 · 1139 阅读 · 0 评论 -
html引用Bootstrap 针对IE低版本浏览器的兼容写法
CSS3属性border-radius/box-shadow/transform/transition/placeholder这些属性在IE8以及IE9中会有兼容问题<!DOCTYPE html><html lang="en"><head> <!-- 编码格式 --> <meta charset="UTF-8"> ...原创 2020-04-01 10:28:10 · 450 阅读 · 0 评论 -
ios不兼容javascript 时间 new Date('yyyy-mm-dd') 解决方案
在mint-ui的picker中，会用到时间相关的方法<!--时间弹框--><mt-datetime-picker ref="picker" v-model="pickerVisible" type="datetime" year-format="{value} 年" month-format="...原创 2019-06-21 17:33:27 · 3907 阅读 · 0 评论 -
H5，andriod上input聚焦出现软键盘时input框被遮挡问题，ios上input框失焦时页面被顶起问题，fixed定位在软键盘弹出时被顶起
写h5的input框时，遇到两个常见的问题，记录一下解决思路andriod上input聚焦，被软键盘时遮挡js促使input框进入可视区域ios在input失焦时，页面被顶起来js促使页面滑到最顶端fixed在bottom的定位，在input聚焦时，设置为相对定位relative，在失焦时，转为绝对定位fixed解决方法： scrollIntoView()方法//html &...原创 2019-10-11 14:49:14 · 1082 阅读 · 0 评论