移动web开发——flex布局 1.传统布局和flex布局对比 1.1传统布局 + 兼容性好 + 布局繁琐 + 局限性,不能再移动端很好的布局 1.2 flex布局 + 操作方便,布局极其简单,移动端使用比较广泛 + pc端浏览器支持情况比较差 + IE11或更低版本不支持flex或仅支持部分 1. ...
分类:
其他好文 时间:
2019-12-31 21:48:09
阅读次数:
64
1、让一些不能等比自适应的元素,达到当设备尺寸发生改变的时候,等比例适配当前设备。 2、使用媒体查询根据不同设备按比例设置html的字体大小,然后页面元素使用rem做尺寸单位,当html字体大小变化,元素尺寸也会发生变化,从而达到等比缩放的适配。 技术方案: 1、less+rem+媒体查询 2、fl ...
分类:
Web程序 时间:
2019-12-31 21:35:23
阅读次数:
105
1.移动端单独制作 + 流式布局(百分比布局) + flex 弹性布局(强烈推荐) + less+rem+媒体查询布局 + 混合布局 2.响应式 + 媒体查询 + bootstarp 流式布局: 流式布局,就是百分比布局,也称非固定像素布局。 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩,不 ...
分类:
移动开发 时间:
2019-12-31 21:23:09
阅读次数:
98
主动调用: 步骤:创建企业服务代理类—SM59配置—LPCONFIG配置逻辑端口—接口调用方法类 1.1创建企业服务代理类: 1.1.1 1.1.2 1.1.3 1.2 SM59配置 最后保存即可 1.3 LPCONFIG配置逻辑端口 1.4接口调用方法类 *" *"*"本地接口: *" IMPOR ...
分类:
Web程序 时间:
2019-12-31 18:45:32
阅读次数:
213
无论作用在flex容器上,还是作用在flex子项,都是控制的flex子项的呈现,只是前者控制的是整体,后者控制的是个体。 ...
分类:
其他好文 时间:
2019-12-29 20:48:39
阅读次数:
86
描述: 如图 实现: 注意点/QA: 1.图片需要指定width和height,不然会被拉伸 2.card-body是用flex布局,元素会从头向后排列,因此按钮会紧挨在内容后面,如下图所示。想要Delete按钮单独靠右,如何解决? [ 解决方案 ] :添加 ml-auto 类。 3.还是card- ...
分类:
其他好文 时间:
2019-12-29 16:27:34
阅读次数:
202
小程序自定义多选按钮 1、html部分 <checkbox-group bindchange="checkboxChange" class = "flex"> <label class="checkbox {{item.checked?'active':''}}" wx:for="{{items}} ...
分类:
微信 时间:
2019-12-29 14:46:38
阅读次数:
175
当把webservice服务写好之后,用本地ip测试,完整,没有问题,发布到服务器端,运行,有问题,无法访问,无法运行,报错。。。。。。。。。。。。。。 第一步:出现的问题,云服务器端开放了端口80端口,自己的端口设定的是随意的8083端口,没找到问题,询问了云服务器客服才知道没开端口,上网找资料, ...
分类:
Web程序 时间:
2019-12-28 12:58:00
阅读次数:
109
目前在不考虑IE以及低端安卓机(4.3-)的兼容下,已经可以放心使用flex进行布局了。什么是flex布局以及它的好处,这里就不再赘述。 在这篇文章里,想说说flex布局的属性语法及其细节。那么网上也有不少flex布局的教程,为什么又要再写一篇? 首先,flex布局的迷之属性们,如果一知半解,机械记 ...
分类:
其他好文 时间:
2019-12-27 13:32:42
阅读次数:
61
Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 .box{ display: flex; } 行内元素也可以使用Flex布局。 .box{ display: inline-flex; } 容器默认存在两根轴:水平的 ...
分类:
其他好文 时间:
2019-12-27 09:36:16
阅读次数:
96