随笔分类 -  Web移动端开发

Web移动前端开发-——bootstarp响应式框架
摘要：移动端WEB开发之响应式布局 1.0 响应式开发原理 1.1 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 设备的划分情况： + 小于768的为超小屏幕（手机） + 768~992之间的为小屏设备（平板） + 992~1200的中等屏幕（桌面显示器 阅读全文
posted @ 2020-02-27 13:42 BM老李 阅读(509) 评论(0) 推荐(0)
Web移动前端开发-——rem+less+媒体查询，rem+flexble.js+媒体查询
摘要：实际开发搞搞起来！！！！ rem适配方案 媒体查询+rem+less 基础知识铺垫 第一步，我们需要拿到设计稿，安装设计稿的要求来设置一个合适的html字体大小。 第二步，计算元素大小的取值 页面rem = 页面元素值（设计稿） / (屏幕的宽度/划分的份数) (屏幕的宽度/划分的份数) = htm 阅读全文
posted @ 2020-02-26 16:12 BM老李 阅读(690) 评论(1) 推荐(0)
Web移动前端开发-——rem布局基础
摘要：rem布局 rem 主要是为了解决字体随屏幕变化，flex上的高度问题，实现高度和宽度等比例缩放 1. rem其实是一个单位 ， 是个相对单位 root em。类似em。em指的是 父级字体 大小，顾名思义，我们的rem就是root（根元素的大小） 根元素 ，相对于html元素的字体大小的单位。 2 阅读全文
posted @ 2020-02-26 16:08 BM老李 阅读(1192) 评论(0) 推荐(0)
Web移动前端开发-——flex布局
摘要：常见的移动端布局方法 flex布局，很重要！！ 其他的布局，你掌握也就ok了，但是这个布局，你一定要非常非常熟悉，因为我们后面的前段框架react 以及手机端混合app开发，微信小程序开发都是用的是这个布局。 我做了以一个仿 携程网的移动端首页，供你参考 flex布局原理 1. 这个是“弹性盒子”布 阅读全文
posted @ 2020-02-25 18:39 BM老李 阅读(547) 评论(0) 推荐(0)
Web移动前端开发-——流式布局
摘要：常见的移动端布局方法 流式布局（百分比布局） 我们通过一个 仿 手机端京东首页的布局来巩固和加深我们的学习 核心设置百分比，来适应屏幕变化 1. 我们需要用一个新的属性max width 和min width 2. 代码实例：请详见我的github。上面有完整的源码和尽可能详细的笔记，这里只写一些核 阅读全文
posted @ 2020-02-24 14:58 BM老李 阅读(497) 评论(0) 推荐(0)
Web移动前端开发——基础
摘要：移动端的现状 + 大多数都是webkit的内核，虽然有很多游览器软件，但是大多数内核是一样的。 常见的手机尺寸 1. 注意我们其实并不太关心手机分辨率，我们写前端大多数用的多少像素单位 2. 移动端的调试工作，请在Chrome浏览器打开调试面板，切换模式就可以了。调试方法大多数都是大同小异而已 视口 阅读全文
posted @ 2020-02-24 14:56 BM老李 阅读(523) 评论(0) 推荐(0)