* 流体布局常用 width: calc(50% + 10rem); * 浏览器各种宽高获取 innerHTML: 设置或获取位于对象起始和结束标签内的 HTML scrollHeight: 获取对象的滚动高度。 scrollLeft: 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 ...
分类：
Web程序 时间：
2017-03-31 20:35:43
阅读次数：
207
可扩展的布局 有一种流体布局的概念在早起web兴起的时，就开始盛行了。它的概念是说页面会根据浏览器窗口的变化进行更改，网站可以通过维护一套代码，保质一致性的设计。我这里强调的可扩展的布局也是基于这个概念，只是现在的方法多种多样，因此要强调页面布局的可扩展性。 可扩展的布局途径有很多，比如常见的百分比 ...
分类：
Web程序 时间：
2017-01-06 22:10:38
阅读次数：
248
响应式布局，流体布局，自适应布局，静态布局等等，这是移动设备的飞速发展，前端人员不得不跟上潮流的一个方向。实际上各种设备尺寸，分辨率大都不同，真的适应各种设备依旧是不现实的，首先是浏览器差异化，让我们去hack，现在是终端问题，让我展现出不同的设备不同的样式，折腾来折腾去，终于我们走进了热火朝天的响 ...
分类：
Web程序 时间：
2016-12-23 01:58:59
阅读次数：
157
移动流体布局和响应式布局总结 宽度与高度 区块宽度一般用max-width 最大宽度和百分比，来定义宽度，因为要实现自动缩放 高度如果要自适应，就不需要定义高度，或者定义最小高度 注意：横向的尽量用百分比，如边距等 图片自适应 保证小于图片分辨率的手机，自适应等宽屏幕 图片一定要能够自适应等比例缩放 ...
分类：
移动开发 时间：
2016-10-30 16:39:39
阅读次数：
268
旅游资讯 介绍各种最新旅游信息、资讯要闻、景点攻略等 旅游资讯 介绍各种最新旅游信息、资讯要闻、景点攻略等 票务订购 各种飞机票、火车票、汽车票和轮渡票的订购服务 公司简介 公司的发展历程、获得荣誉以及联系方式 关于我们 瓢城旅行社旅游网创立于2006 年10 月，以“让旅游更简单”为使命，为 消费 ...
分类：
移动开发 时间：
2016-09-20 12:18:30
阅读次数：
292
第32 章项目实战-移动端流体布局[4]学习要点：1.旅游图片部分本章主要开始如果通过第一个PC 端项目进行重构，设计成移动端可访问的页面，这个项目采用的是流体布局。一．旅游图片部分//HTML 部分<div class="container"><figure><img src="img/tour1 ...
分类：
移动开发 时间：
2016-09-20 12:04:22
阅读次数：
225
第32 章项目实战-移动端流体布局[6]学习要点：1.旅游资讯2.机票预定 本章主要开始如果通过第一个PC 端项目进行重构，设计成移动端可访问的页面，这个项目采用的是流体布局。一．旅游资讯这个如果做成移动端，那么一切从简，否则缩小时就无法容纳太多的文字。//html，布局和PC 端差不多<figur ...
分类：
移动开发 时间：
2016-09-20 12:02:03
阅读次数：
295
第32 章项目实战-移动端流体布局[6]学习要点：1.旅游资讯2.机票预定 本章主要开始如果通过第一个PC 端项目进行重构，设计成移动端可访问的页面，这个项目采用的是流体布局。一．旅游资讯这个如果做成移动端，那么一切从简，否则缩小时就无法容纳太多的文字。//html，布局和PC 端差不多<figur ...
分类：
其他好文 时间：
2016-09-20 12:00:17
阅读次数：
161
第32 章项目实战-移动端流体布局[3]学习要点：1.搜索部分2.旅游部分3.媒体查询 本章主要开始如果通过第一个PC 端项目进行重构，设计成移动端可访问的页面，这个项目采用的是流体布局。一．搜索部分搜索部分包含三个内容，背景区块、文本框和按钮。//HTML 部分<div id="search">< ...
分类：
移动开发 时间：
2016-09-20 11:51:54
阅读次数：
210
流体布局 弹性布局 混合布局 实现方式 百分比 把px转化成em(width) 用em设置宽度，用百分比设置最大宽度 缺点 改良方法 设置min-width 设置max-width ps:一般浏览器的默认字号是16px，在使用默认字号时1em相当于10px ...
分类：
其他好文 时间：
2016-09-12 06:14:14
阅读次数：
126
