第33 章项目实战-兼容响应式布局[3]学习要点：1.标题响应式2.图片响应式 本章主要开始如果将前两个项目再进行重构，设计成既可以在PC 端正常显示，又可以在PAD 上浏览，还可以在移动端有良好的体验。这些都必须兼容，那只有使用响应式设计了。一．标题响应式在首页的热门旅游这个主要区域，有一个大标题 ...
分类：
其他好文 时间：
2016-09-20 11:50:34
阅读次数：
218
移动端开发：首先设备大致分为4种：手机端： <768px ipad端：769 - 991px pc端：992 - 1200px 超大屏幕：>1200px 响应式布局：Ethan Marcotte在2010年5月份提出的概念，意思是一个网站能够兼容多个终端，而不是 为每个终端做一个特定的版本。这个概念 ...
分类：
移动开发 时间：
2016-09-19 06:38:26
阅读次数：
167
bootstrap导入 首先需要安装好插件 然后就是在代码器写导入代码 代码如下 <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Title</title> <meta name="viewport" content="width=d ...
分类：
其他好文 时间：
2016-09-19 01:28:02
阅读次数：
134
css原生代码实现响应式布局：@media媒体查询：1.PC端：@media screen and ( min-width:1000px){...} 2.平板端：@media screen and (min-width:768px) and (max-width:999px ){...} 3.手机端 ...
分类：
其他好文 时间：
2016-09-19 01:19:16
阅读次数：
152
第一：正确理解响应式布局 响应式网页设计就是一个网站能够兼容多个终端-而不是为每个终端做一个特定的版本。打个比方来说：现在社会有很多响应产品，例如折叠沙发，折叠床等等，当我们需要把沙发放到一个角落的时候，此刻沙发就好比div吧，而角落里的某个地方就好比父元素，由于父元素空间的改变，我们不得不调整di ...
分类：
其他好文 时间：
2016-09-19 01:15:26
阅读次数：
144
1.如何适配？ 想要在移动端的不同尺寸设备间做适配，使得页面布局可以等比例缩放。 于是我立刻想到了百分比布局和rem布局。 百分比布局无法适配性定高，只能用px定死，显然这是无法接受的。 rem布局不是响应式布局方案，它的应用仅仅局限于移动端，不同尺寸的移动设备，是一种等比缩放的适配方案。 2.如何 ...
分类：
移动开发 时间：
2016-09-16 11:28:11
阅读次数：
239
1.通过设置缩放比例，让1px做1px的事情。这样就不会出现在不同屏幕时候，1px显示不是1px的情况。 2.设置em，这样根据字体来响应式布局 3.让body来控制页面的尺寸 ...
分类：
移动开发 时间：
2016-09-12 18:44:18
阅读次数：
178
本文为 兄弟连IT教育 机构官方 HTML5培训 教程，主要介绍：CSS基础教程 —— 媒体查询屏幕适配 响应式布局 Media Query 的使用方法在上例中， 我们使用Media Queries来根据3种不同尺寸的窗口使用3种不同的样式。通过不同的媒体类型和条件定义样式表规则，媒体查询让CSS可 ...
分类：
Web程序 时间：
2016-09-12 10:57:23
阅读次数：
212
一、前言 昨天唠叨了哈没用的，今天说点有用的把。先说一下响应式布局吧，我一直认为响应式布局的分项目，一下布局简单得项目做响应式还是可以可以得。例如博客、后台管理系统等。但是有些会认为响应式很牛逼，尤其是在不懂前端的人眼中，一味的追求响应式布局，我觉得复杂的布局项目做响应式还不如做二套样式，因为响应式 ...
分类：
移动开发 时间：
2016-09-05 00:01:40
阅读次数：
416
