Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。—— Bootstrap 官网 Bootstrap 来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript的，它简洁灵活。 ...
分类：
其他好文 时间：
2017-11-13 16:38:17
阅读次数：
175
自适应： 在不同分辨率下不同设备上显示相同的页面。即：根据屏幕的宽度，自动调节网页内容的大小，使其主体内容和布局不变。 响应式： 响应式的概念应该是覆盖了自适应，但是包括的东西更多了。响应式布局可以根据屏幕的大小自动的调整页面的展现方式，以及布局。 (1)允许网页的宽度自动的调整 (2)尽量少使用绝 ...
分类：
其他好文 时间：
2017-11-10 18:55:07
阅读次数：
282
如图, header的height: 80px , side-bar的width: 200px, 别的均为不知, 该如何做出该布局呢?? 在响应式布局的大前提下, 首先想到的就是flex布局吧: 就是使用一个wrapper来包着除了header以外的内容, 定义样式 display: flex, 具 ...
分类：
Web程序 时间：
2017-11-09 22:49:27
阅读次数：
356
十一在家过得还算舒坦，回来就努力工作了。 10/9 一开始的工作是完善之前的功能，重点是解决一部分IE8下面的兼容问题，学到了以下内容： 1、IE8不支持bootstrap的响应式布局，原因是IE8不能识别Media Query，解决方案是通过添加引用respond.js这个文件 2、HTML解析方 ...
分类：
其他好文 时间：
2017-11-05 23:32:48
阅读次数：
145
如今人们的上网方式各式各样，有手机、ipad、电脑等等。老老实实一种媒体端不好么，哎，不过这也是没办法的事儿。 这时候只能靠我们前端去兼容各个款式的显示器了~ 想要页面显示的好看，又让代码简易，就要用到响应式布局。 此篇文章会在以下几个方面啰嗦一下响应式布局的各个问题： 1、响应式布局的优缺点 2、 ...
分类：
其他好文 时间：
2017-11-05 22:30:21
阅读次数：
155
<!--StartFragment -->随着互联网的快速发展，HTML5迅速崛起，响应式布局也慢慢的被广泛的运用起来，身为之后的Web前端人员，我觉得应该要掌握“响应式布局”。 响应式布局，简单点说就是做一个网站而能多终端多平台运行的由一个网站转化为多个网站，为我们大大节省了资源。 那么响应式布局 ...
分类：
其他好文 时间：
2017-11-04 21:40:05
阅读次数：
170
前台： 支持四套模版， 可以在后台切换 系统介绍： 1.网站后台采用主流的 SSM 框架 jsp JSTL，网站后台采用freemaker静态化模版引擎生成html 2.因为是生成的html，所以访问速度快，轻便，对服务器负担小 3.网站前端采用主流的响应式布局，同一页面同时支持PC、平板、手机（三 ...
分类：
移动开发 时间：
2017-11-02 19:06:39
阅读次数：
223
响应式布局 在新的窗口打开网站。 iphone清除按钮样式 背景图片模糊 多行文本显示省略号 边框样式相关内容 input相关内容 css高度相关 css文本相关 css定位相关 针对IE写不同样式 css3部分 ...
分类：
Web程序 时间：
2017-11-02 19:02:06
阅读次数：
189
1，需要在头部添加：<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no″> 否则媒体查询里的width条件不好用，因为CSS像素是不变的； 2，添加 ...
分类：
其他好文 时间：
2017-10-29 19:36:48
阅读次数：
160
响应式布局的开发基础知识 本章主要分为以下几个部分 1.布局及设置meta标签 当你完成当你已经完成了无响应的网站，做的第一件事是在你的 HTML 页面，粘贴下面的代码到和标签之间。这将设置屏幕按1：1的尺寸显示，在 iPhone 和其他智能手机的浏览器提供网站全视图浏览，并禁止用户缩放页面。 <m ...
分类：
其他好文 时间：
2017-10-29 19:36:25
阅读次数：
155
