移动端
前端阿龙
希望做好身边的小事
展开
-
移动设备rpx和分辨率
1.为什么模拟器下的iPhone6的分辨率是375 而设计图一般给750 因为设计图如果也给375的话有的文字会看不清楚 2.pt也称为逻辑分辨率 pt的大小和屏幕尺寸有关系,简单可以理解为长度和视觉单位 px指物理分辨率,和屏幕的尺寸没有关系 点能有大小吗? 3.以iPhone6的物理像素750*1334为视觉稿进行设计,而在小程序中使用rpx为单位 ip6下 1px = 1...原创 2018-08-27 19:19:51 · 269 阅读 · 0 评论 -
弹性盒子
弹性盒子基础的属性 display: flex 不管是什么元素都可以添加flex变成弹性盒子 弹性盒子内部的项目直接会变成可设置宽高等属性的元素 容器内部元素默认的按照主轴进行排列 给一个元素添加该属性,则这个元素就会变成弹性盒子模式 如果给元素添加了flex,那么flex内部的元素会自动横向排列 容器 flex-direction ...原创 2018-08-27 19:17:46 · 1540 阅读 · 4 评论 -
swiper轮播组件的属性
<script type="text/javascript "> var mySwiper = new Swiper('.swiper-container', { // direction: 'vertical', initialSlide: 0, //图片第几张开始 ...原创 2018-10-23 18:33:57 · 2249 阅读 · 0 评论 -
css单行 多行 文本溢出显示省略号
单行文本溢出显示省略号 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 多行文本溢出显示省略号 overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-o...转载 2018-11-03 11:18:55 · 150 阅读 · 0 评论 -
webpack基本配置
webpack是一种打包工具 可以打包基本所有类型的文件 首先npm install --save-dev webpack babel-loader 安装完之后 在根目录下新建webpack.config.js 下载好webpack 以及 在webpack.config.js里面用module.exports = { entry:’./src/index.js’, 入口文件 output:{ 出口...原创 2018-12-04 22:18:35 · 133 阅读 · 0 评论