![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端
前端黑
记录成长的点滴
展开
-
first
适配问题 #####屏幕尺寸不一样 流式布局 流式布局就是百分比布局 非固定像素,内容向两侧填充。理解成流动的布局,称为流动布局 viewport 移动端特有的,这是一个虚拟的区域,承载网页 承载关系: 浏览器 viewport 网页 但是viewport不知道 缩放多少 这时需要适配 标准适配方案 ######要求: 1.网页宽度必须和浏览器保持一致 2.默认显示的缩放比例和pc端保...原创 2019-04-14 11:21:37 · 159 阅读 · 0 评论 -
second
####复习 在使用了box-sizing之后 加padding比较 多 加margin可能会造成内容的溢出 设置margin的大小时不算进和自宽度的 padding是由算进去的 所以使用 padding 移动端搜索 移动端获取页面的滚动距离使用 var scrollTop = document.body.scrollTop; 没有其他的兼容性 引入js文件使用 <script...原创 2019-04-14 11:22:04 · 300 阅读 · 0 评论 -
three
复习 详细解说bfc张鑫旭 网址如下 https://www.zhangxinxu.com/wordpress/2015/02/css-deep-understand-flow-bfc-column-two-auto-layout/ 在移动端使用css3尽可能的加兼容 流动布局 (百分比布局) 两栏自适应布局(布局方式) 响应式开发 比较适合新建的网站 ####设备划分 运用到css中的媒体查询...原创 2019-04-14 11:22:33 · 296 阅读 · 0 评论 -
four
反馈 可以在ajax请求里面加 同步或者异步 async: false 晚点在调试以下 预约模块 $currLi.outerWidth(true)这个可以获取包括margin的元素的宽度 获取宽度方法 * width() 内容 * innerWidth() 内容+内边距 * outerWidth() 内容+内边距+边框 * outerWidth(true) 内容+内边距+边框+外边距 * ...原创 2019-04-14 11:22:48 · 142 阅读 · 0 评论 -
five
less使用安装 安装 npm install -g less lessc -v 查看版本 学习网址 1.1.2学习less [官网](http://lesscss.org/) [中文网](http://lesscss.cn/) http://www.1024i.com/demo/less/ Webstrom 插件 Lessc less.less less.css 编译les...原创 2019-04-14 11:23:03 · 220 阅读 · 0 评论