移动端开发之flex布局
用于移动端,可以轻松的实现屏幕和浏览器窗口大小发生变化时保持元素的相对位置和大小不变
A 神
这个作者很懒,什么都没留下…
展开
-
flex布局携程网案列
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-04-03 19:14:39 · 428 阅读 · 0 评论 -
flex布局控制某个子项排列
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-04-02 15:28:17 · 2115 阅读 · 0 评论 -
flex布局子项属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-04-02 15:19:51 · 257 阅读 · 0 评论 -
flex子项布局常见属性
原创 2020-04-02 15:17:33 · 146 阅读 · 0 评论 -
flex设置侧轴上的子盒子排列方式(多行)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-04-02 14:45:01 · 494 阅读 · 0 评论 -
flex设置侧轴上的子盒子排列方式(单行)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-04-02 14:30:48 · 287 阅读 · 0 评论 -
flex子盒子换行
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-04-02 14:29:01 · 1300 阅读 · 0 评论 -
flex父项布局常见属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-04-02 13:38:33 · 119 阅读 · 0 评论 -
flex布局原理
原创 2020-04-02 13:25:48 · 136 阅读 · 0 评论