• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
BruceChenWithBats
博客园 | 首页 | 新随笔 | 新文章 | 联系 | 订阅 订阅 | 管理

2019年10月13日

移动端开发之响应式开发和bootstrap基础
摘要: 响应式开发 (就是利用媒体查询针对不同宽度的设备进行布局和样式的设置,从而设配不同设备的目的) 响应式布局容器响应式需要一个父级作为布局容器,来配合子级元素来实现变化效果 原理:不同屏幕下,通过媒体查询来改变这个布局容器的大小,再改变里面子元素的排列方式和大小,从而实现不同屏幕下,看到不同的页面布局 阅读全文
posted @ 2019-10-13 20:31 BruceChenWithBats 阅读(780) 评论(0) 推荐(0)
 
移动端开发rem布局之less+媒体查询布局的原理步骤和心得
摘要: rem即是以html文件中font-size的大小的倍数rem布局的原理:通过媒体查询设置不同屏幕宽度下的html的font-size大小,然后在css布局时用rem单位取代px,从而实现页面元素大小的动态适配,做出更漂亮整洁的页面rem布局的好处:1.页面整洁2.动态适配缺点:1.需要计算rem, 阅读全文
posted @ 2019-10-13 20:25 BruceChenWithBats 阅读(647) 评论(0) 推荐(0)
 
论DOM中文档和元素的位置大小属性及其区别
摘要: element.offsetLeft/Top 获取元素相对于最近的有定位的父元素的坐标,如果没有有定位的父元素,则是文档坐标 element.scrollTop/Left 获取元素滚动卷去的距离 element.offsetWidth/Height 获取元素的宽度高度(包含边框) element.c 阅读全文
posted @ 2019-10-13 19:58 BruceChenWithBats 阅读(291) 评论(0) 推荐(0)
 
 

公告


博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3