移动端
文章平均质量分 76
爬行者c
正在努力爬行中......
展开
-
Vue项目vant的使用
官方文档 Vant - Mobile UI Components built on Vue 安装 npm i vant -S npm i babel-plugin-import -D //这是一个插件 按需引入时必须要引入 全局导入main.js import Vant from 'vant'; import 'vant/lib/index.css'; Vue.use(Vant); 自动按需引入 // babel.config.js 中配置 module.exports = { ...原创 2021-10-28 17:11:03 · 2037 阅读 · 0 评论 -
H5问题总结
当元素没有内容时候,设置height:100%,该元素不会被撑开,此时高度为0;设置height:100vh,该元素会被撑开屏幕高度一致。 背景图在pc调试清晰,在移动端显示模糊,因为手机分辨率小,用2x背景图并设置background-size:contain .icon-back{ background: url('../images/icon_back@2x.png') center center no-repeat; background-size: contain; } i原创 2021-07-02 10:01:35 · 217 阅读 · 0 评论 -
移动端适配
视口viewport的概念 视口:约束html大小 在桌面,视口宽度 = 浏览器窗口宽度 在移动端,视口分为视觉视口(layout viewport)、布局视口(visual viewport)和理想视口(ideal viewport) 对于桌面浏览器,限制css布局的是浏览器窗口;而手机端是布局视口。 视觉视口 表示浏览器的可视区域,用户正在看到的网站的区域,决定用户看到什么; 当用户缩放时,只有视觉视口的尺寸会发生改变,布局视口不会改变,所以布局是不会改变的。 window.inn.原创 2021-05-21 16:23:24 · 136 阅读 · 0 评论