前端
文章平均质量分 96
EM.27
努力奔赴
展开
-
响应式布局
响应式布局1. 中文布局css库 响应式就是一个网站能够兼容多个终端,而不是为每个终端做一个特定的版本,这个概念是为解决移动互联网浏览而诞生的,无论你的屏幕多大。 响应式布局通常分为三种: 一是利用弹性盒子Flex、网格布局Grid或左浮动法Float等 CSS 属性来实现的在一列上根据屏幕大小的不同而进行自动换行。 二是利用媒体查询来根据当前屏幕大小来运行相应的 CSS 代码。 三是利用 JavaScript 来获取窗口宽高来动态操作 DOM 元素。 响应式布局就是要达到这样的效果:无论屏幕宽窄,左右原创 2021-08-02 21:05:36 · 792 阅读 · 0 评论 -
移动端布局(二)
移动端布局——(二)▶上下栏布局1. 中文布局css库2. 固定定位3. 外边距作用4. 非固定定位5. 上下栏布局简单实例▶ 九宫格布局1. 中文布局css库2. 网格布局3. 表格布局4. 弹性布局5. 左浮动法6. 边框九宫格7. 九宫格布局实例([经典面试题](http://www.imooc.com/wiki/mobilelayout/question.html)) *Ps:笔记来源于慕课教程 ▶上下栏布局 1. 中文布局css库 实例演示 <!DOCTYPE html> <原创 2021-07-30 12:45:03 · 368 阅读 · 0 评论 -
移动端布局(一)
移动端布局▶居中布局1.中文布局css库 ▶居中布局 1.中文布局css库原创 2021-07-29 21:38:53 · 576 阅读 · 0 评论