（1）1列固定宽度 故总宽度为 = 300px + 20px; （2）1列宽度自适应 采用百分比进行宽度自适应，总宽度为=80%窗口大小 + 20px； （3）1列固定宽度居中 （4）2列固定宽度 border没有重叠，故中间黑色部分宽度为=20px + 20px； （5） 2列宽度自适应 之所以右 ...
分类：
Web程序 时间：
2018-06-29 00:11:23
阅读次数：
190
Respond.js让IE6-8支持CSS3 Media Query。 Bootstrap里面就引入了这个js文件，从名字看出来是自适应的兼容。打开IE看了一下，效果挺好的，自适应的效果挺好的。Respond.js让不支持CSS3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询 ...
分类：
Web程序 时间：
2018-06-28 14:04:38
阅读次数：
196
我现在说的是PC端的一些经验： 1.百分比布局。 或者用 bootstrap的栅格布局。html和body高度宽度设置为100%;在里面的块级元素设置为百分比布局 ...
分类：
Web程序 时间：
2018-06-28 10:58:55
阅读次数：
136
布局如下图： 当content中内容小于页面高度时，占满整个页面； 当content中内容大于液面高度时，以内容高度为准。 test.html test.css 注意：一定要添加一个container包含所有内容，并添加overflow：hidden；否则会有9999px的空白。如果把overflo ...
分类：
其他好文 时间：
2018-06-27 18:05:41
阅读次数：
159
圣杯布局与双飞翼布局针对的都是三列左右栏固定中间栏边框自适应的网页布局（想象一下圣杯是主体是加上两个耳朵；鸟儿是身体加上一对翅膀），圣杯布局是Kevin Cornell在2006年提出的一个布局模型概念，在国内最早是由淘宝UED的工程师（传说是玉伯）改进并传播开来，在中国也有叫法是双飞翼布局，它的布 ...
分类：
其他好文 时间：
2018-06-27 14:04:56
阅读次数：
158
1.网站后台采用主流的 SSM 框架 jsp JSTL，网站后台采用freemaker静态化模版引擎生成html 2.因为是生成的html，所以访问速度快，轻便，对服务器负担小 3.网站前端采用主流的响应式布局，同一页面同时支持PC、平板、手机（三合一）浏览器访问 4.springmvc +spri ...
分类：
编程语言 时间：
2018-06-26 19:37:42
阅读次数：
269
就一张图 响应式（RWD） = 所有设备的代码是一样的 自适应（AWD）= 不同设备的代码是不一样的 就问你服不服 哈~哈~哈~哈 ...
分类：
其他好文 时间：
2018-06-23 14:31:55
阅读次数：
124
WKNavigationDelegate代理中实现 - (void)webView:(WKWebView *)webView didFinishNavigation:(null_unspecified WKNavigation *)navigation { // __block CGFloat we ...
分类：
Web程序 时间：
2018-06-22 13:16:46
阅读次数：
203
原文链接：http://caibaojian.com/web-app-rem.html 摘要：rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个px字号，则可以来算出元素的宽高。本文讲的是如何使用rem实现自适应。 rem这是个低调的css单位，近一两年开始崭露头角，有许多同 ...
分类：
其他好文 时间：
2018-06-21 11:40:35
阅读次数：
196
