块元素： h1-h6,ul,ol,li,dl,dt,dd 默认宽度占满父元素的整个width，会换行，能设置width height，上下左右margin padding都有效。 行内元素： span a b img（img特性比较特殊） 默认宽度自适应，不能设置width height，上下mar ...
分类：
其他好文 时间：
2018-10-26 17:53:49
阅读次数：
155
css页面布局实现，内容部分自适应屏幕，当内容高度小于浏览器窗口高度时，页脚在浏览器窗口底部；当内容高度高于浏览器窗口高度时，页脚自动被撑到窗口底部。 css如下： <style type="text/css"> * { margin: 0; padding: 0; box-sizing: bord ...
分类：
Web程序 时间：
2018-10-25 15:45:06
阅读次数：
203
1、布局方式分类 1.1、固定布局 ： 以px（像素）为单位。 缺点：① 页面死板，屏幕大小不一样，展示的效果不一样； ② 不适应响应性布局。 1.2、流式布局 ： 以%（百分比）作为单位。百分比宽度 = 目标元素宽度 / 上下文元素宽度。 优点 ： 可以自适应，根据不同的分辨率显示不同的宽度。 缺 ...
分类：
其他好文 时间：
2018-10-25 14:06:18
阅读次数：
161
具体案例查看co-dialog：https://koringz.github.io/co-dialog/index.html 2.0.1版本优化项，代码压缩，修复PC和移动端自适应，修复显示弹出框浏览器边框隐藏对body产生内容错位，添加 onResize 默认为 true， 添加选项 type 不 ...
分类：
其他好文 时间：
2018-10-24 00:55:29
阅读次数：
238
在手机APP开发中， 纵向的滚动框非常实用，可以说是必不可少的控件，甚至为了自适应不同手机屏幕大小，使用滚动框是非常方便的懒人方法。 当我们使用TVertScrollBox控件时，发现除了控件内部封装好的自动化的触控滚动，还有一个方法ScrollBy可以调整滚动条位置，但实际中我们发现，Scroll ...
一、介绍 下边将介绍前端很流行的布局方式，要求两边固定，中间自适应。比较流行的布局方式有圣杯布局，双翼布局，flex布局、绝对定位布局。 二、圣杯布局 圣杯布局，顾名思义，他具有以下特点： 1.三列布局，中间自适应，两边定宽； 2.中间栏要求在浏览器中优先展示； 接下来我们看实现方式： div我们这 ...
分类：
其他好文 时间：
2018-10-21 00:59:27
阅读次数：
175
CSS实现自适应不同大小屏幕的背景大图的两种方法 一张清晰漂亮的背景图片能给网页加分不少，设计师也经常会给页面的背景使用大图，我们既不想图片因为不同分辨率图片变形，也不希望当在大屏的情况下，背景有一块露白，简而言之，就是实现能自适应屏幕大小又不会变形的背景大图，而且背景图片不会随着滚动条滚动而滚动。 ...
分类：
Web程序 时间：
2018-10-20 11:50:29
阅读次数：
282
