移动端
文章平均质量分 76
爬行者c
正在努力爬行中......
展开
-
Vue项目vant的使用
官方文档 Vant - Mobile UI Components built on Vue安装npm i vant -Snpm i babel-plugin-import -D //这是一个插件 按需引入时必须要引入全局导入main.jsimport Vant from 'vant';import 'vant/lib/index.css';Vue.use(Vant);自动按需引入// babel.config.js 中配置module.exports = {...原创 2021-10-28 17:11:03 · 2044 阅读 · 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 · 218 阅读 · 0 评论 -
移动端适配
视口viewport的概念视口:约束html大小在桌面,视口宽度 = 浏览器窗口宽度在移动端,视口分为视觉视口(layout viewport)、布局视口(visual viewport)和理想视口(ideal viewport)对于桌面浏览器,限制css布局的是浏览器窗口;而手机端是布局视口。视觉视口表示浏览器的可视区域,用户正在看到的网站的区域,决定用户看到什么;当用户缩放时,只有视觉视口的尺寸会发生改变,布局视口不会改变,所以布局是不会改变的。window.inn.原创 2021-05-21 16:23:24 · 138 阅读 · 0 评论