随笔分类 - 移动布局

常见的 flex 流式响应式布局

vue 使用 autoprefixer amfe-flexible postcss-pxtorem 自动转rem移动端适配

摘要：1.首先下载需要的包(有些是运行依赖包) yarn add autoprefixer -S yarn add amfe-flexible@2.2.1 postcss-pxtorem@5.5.1 -S -D 2.在项目根目录下创建一个postcss.config.js文件，配置内容如下 // impo 阅读全文

posted @ 2022-04-09 16:20 小不点灬阅读(735) 评论(0) 推荐(0) 编辑

移动端重置样式特殊处理

摘要：移动端重置样式 1、禁止用户选中文字，安卓无效 webkituserselect: none; 2、禁止长按弹出系统菜单。 webkittouchcallout: none; 3、去除android下a/button/input标签被点击时产生的边框 & 去除ios下a标签被点击时产生的阅读全文

posted @ 2020-07-21 09:29 小不点灬阅读(291) 评论(0) 推荐(0) 编辑

什么是viewport viewport设置

摘要：什么是viewport 指的是移动设备浏览器中放置页面的一个虚拟的窗口即用来显示网页的那一部分区域，相当于PC端浏览器可视区在移动端开发中，常将视口抽象划分为布局视口、视觉视口和理想视口。布局视口，移动设备默认的viewport即布局视口，宽度介于768px ~1024px之间，不进行缩放的阅读全文

posted @ 2020-07-21 09:16 小不点灬阅读(901) 评论(0) 推荐(0) 编辑

移动端初始配置，兼容不同浏览器的渲染内核

摘要：这是移动端布局的初始头部样式，可以解决不同浏览器的兼容问题 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 1  2 <meta http-equiv="X-UA-Compatib 阅读全文

posted @ 2020-06-24 18:01 小不点灬阅读(299) 评论(0) 推荐(0) 编辑

Flex移动布局中单行和双行布局的区别以及使用

摘要：Flex移动布局阅读全文

posted @ 2020-06-24 17:59 小不点灬阅读(613) 评论(0) 推荐(0) 编辑