一个简单的手机的登录界面，用flex布局，无数据处理后台。效果图： 这个例子用flex，弹性布局。素材有以下一些图片： 根据效果图，规划为flex的列布局，划分比例大概如下图： 操作步骤： 1 做个DIV容器盒子main，它就是主要的盒子。 2 再放各个盒子，一共五个，五个盒子挤在了一起，因为他们没 ...
分类：
其他好文 时间：
2020-04-19 20:55:35
阅读次数：
75
前言 先简单介绍一下「文经课表」：基于微信小程序MINA框架的WXML、WXSS、JS为代码语言进行开发，视图层采用Flex弹性布局，逻辑层采用模块化模式开发。发布一周累计用户人数1000+，烟台大学文经学院、烟台大学文经学院学生会等官方微信公众号主动关联小程序，更多介绍：https://lab.s ...
分类：
其他好文 时间：
2020-04-18 11:49:24
阅读次数：
84
如果只做pc端，那么静态布局（定宽度）是最好的选择； 如果做移动端，且设计对高度和元素间距要求不高，那么弹性布局（rem+js）是最好的选择，一份css+一份js调节font-size搞定； 如果pc，移动要兼容，而且要求很高那么响应式布局还是最好的选择，前提是设计根据不同的高宽做不同的设计，响应式 ...
分类：
移动开发 时间：
2020-04-15 18:28:31
阅读次数：
75
Flex布局 //Flex 是 Flex Box 的缩写，意为“灵活的盒子”或“弹性的盒子”，所以flex布局一般称为弹性布局。 flex容器：所有含有 display:flex | inline-flex; 的容器都是flex容器。 flex项目：flex容器的所有子元素都是flex项目。（不包括 ...
分类：
其他好文 时间：
2020-04-14 23:06:02
阅读次数：
129
正文-弹性布局flex 弹性布局的作用有点儿类似 Android 中 LinearLayout 和 RelativeLayout 两者的合成版，即：支持横向布局，纵向布局，start，end，center 布局，宽高按比例瓜分等等，当然它还有很多其他功能，比如自动换行，按指定 order 排列等。总 ...
分类：
其他好文 时间：
2020-04-12 14:30:00
阅读次数：
60
一、什么是Flex布局？ Flex是Flexible Box的缩写，顾名思义为“弹性布局”，用来为盒装模型提供最大的灵活性。 任何一个容器都可以指定为Flex 布局。 1 2 3 .box{ display:flex; } 行内元素也可以使用Flex布局。 1 2 3 .box{ display:i ...
分类：
其他好文 时间：
2020-04-05 22:16:09
阅读次数：
89
flex布局是什什么？ Flex意思是弹性布局，是css3中的新布局模块，?用来为盒模型提供最?大的灵活性。可改进容器?中的项?目对?齐，?方向和顺序，即使他们具有动态甚?是未知?小。Flex容器?能够调节?子节点的宽度或高度，以便便适应不同的屏幕尺寸。 基本概念 flex布局可以将?个元素看成?个 ...
分类：
其他好文 时间：
2020-04-05 11:15:45
阅读次数：
58
FLEX布局 布局也称弹性布局，可以为盒状模型提供最大的灵活性，是布局的首选方案，现已得到所有现代浏览器的支持。 基础 通过指定 来标识一个弹性布局盒子，称为 容器，容器内部的盒子就成为 容器的成员，容器默认两根轴线，水平的主轴与垂直的交叉轴，主轴的开始位置叫做 ，结束位置叫做 ；交叉轴的开始位置叫 ...
分类：
其他好文 时间：
2020-04-04 14:59:28
阅读次数：
82
移动端主流方案 1. 单独制作移动端页面（主流） 京东商城手机版 淘宝触屏版 苏宁易购手机版 .... 2. 响应式页面兼容移动端（其次） 三星手机官网 .... 移动端技术选型 ?流式布局（百分比布局） ?flex 弹性布局（推荐） ?rem适配布局（推荐） ?响应式布局 建议： 选取一种主要技术 ...
分类：
移动开发 时间：
2020-04-02 01:07:53
阅读次数：
112
display: flex; flex-direction: row; /*从左到右排序 1 2 3 */ flex-direction: row-reverse; /*从右到左排序 3 2 1 */ flex-direction: column; /*从上到下排序 1 2 3 */ flex-di ...
分类：
其他好文 时间：
2020-03-31 01:05:46
阅读次数：
79
