一、第一种方式是比较简单的，开发速度也比较快。主要利用-webkit-transform:scale()这个属性，比较设计稿和当前屏幕的宽度，或者高度，亦或者取两者的最小值，来进行自适应。 1. 如果宽度自适应，如果兼容iphoneX的话，此时的设计稿的背景图需要延长至1448，内容放在1206内， ...
分类：
移动开发 时间：
2018-06-21 01:44:41
阅读次数：
300
@media screen and (min-width: 1490px){ .w1224{ width: 1400px !important; }}@media screen and (max-width: 1489px){ .w1224{ width: 1200px !important; }} ...
分类：
其他好文 时间：
2018-06-21 00:01:13
阅读次数：
193
本文讲了BFC的概念是什么； BFC的约束规则；咋样才能触发生成新的BFC；BFC在布局中的应用：防止margin重叠(塌陷,以最大的为准)； 清除内部浮动；自适应两（多）栏布局。 1. BFC是什么？ Block fomatting context = block-level box + Form ...
分类：
其他好文 时间：
2018-06-20 21:17:30
阅读次数：
169
图片宽高不固定 ，一样实现自适应，拉伸裁剪不变形，适应各大兼容性。 好用 不好用 下面是代码：直接放个div就OK啦。 ...
分类：
Web程序 时间：
2018-06-20 13:03:43
阅读次数：
5035
一，使用 JS，先上效果图，右图为定死宽高的效果，左图为处理之后的 1， 主要思路是，在图片 onload 后，将图片的宽高比和 div 容器的宽高比进行比较， 2， 从而确定拉伸或者压缩之后是宽还是高不足以填充容器 3，将不足以填充容器的方向设置为和容器一致 4，此时，图片的另一个方向可能超出容器 ...
分类：
其他好文 时间：
2018-06-20 12:49:18
阅读次数：
111
如果 iframe 没有给src或者src中的html 没有doctype，即使container拥有doctype但是子页面还是启用怪异模式。body 高度 100%，如果src中的页面是有doctype的，则就会启用标准模式 body自适应了iframe的高度，并没有遵循 『块级元素高度由其内部 ...
分类：
Web程序 时间：
2018-06-18 18:21:39
阅读次数：
189
unity版本 2017.2 在用unity Scroll View 制作一个根据内容自动适应大小,并滚动到最底下的功能时,有遇到一个问题. 首先,内容自适应我用的时Content Size Fitter 组件,并设置只有垂直方向最佳大小.设置到Scroll View的Content物体上,让这个能 ...
分类：
编程语言 时间：
2018-06-18 00:33:54
阅读次数：
4122
bootstrap做登入注册页面，使用validate做表单验证 技术：bootstrap，font-awesome，jquery-validate； 特点：响应式布局，表单验证（用户两次密码是否相同，必填信息是否填写）背景图片自适应屏幕大小； 宗旨：从实战中学知识。 个人主页：http://www ...
分类：
其他好文 时间：
2018-06-17 11:02:20
阅读次数：
251
一. 允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？ 其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比 例（initial- ...
分类：
移动开发 时间：
2018-06-15 19:09:55
阅读次数：
230
