px、em、rem都是计量单位，都能表示尺寸，但是有有所不同，而且其各有各的优缺点。 Px表示“绝对尺寸”（并非真正的绝对），实际上就是css中定义的像素（此像素与设备的物理像素有一定的区别，后续详细说明见文末说明1），利用px设置字体大小及元素宽高等比较稳定和精确。Px的缺点是其不能适应浏览器缩放 ...
分类：
其他好文 时间：
2019-08-20 16:58:34
阅读次数：
123
一点点补充 响应式缺点： 1、对于一些逻辑业务不同终端不同处理方式，不是很友好 例如：响应式设计并不利于百度的关键词优化和排名。因为用户在不同终端的搜索习惯不同，所以百度对移动网站和电脑网站的关键词处理策略也不相同。 2、响应式网站无法区分移动端，浪费带宽，加载耗时长。 响应式（自适应）设计的实现方 ...
分类：
其他好文 时间：
2019-07-25 16:14:41
阅读次数：
158
响应式布局可以帮助我们实现网站布局随屏幕大小自动调整的需求，实现不同屏幕分辨率的终端上浏览网页的不同展示方式，使得网页在PC端和手机端均可以完美的展现其内容，具有自适应性。 使用基于Bootstrap的栅格系统 Bootstrap响应式布局是利用其栅格系统，对于不同的屏幕采用不同的类属性。在开发中可 ...
分类：
Web程序 时间：
2019-05-03 11:25:27
阅读次数：
202
在没有响应式网站的时候，superslider绝对是非常不错的，可以做出各种效果，superslider使用要求做到精确的宽高，如果要做到下图所示效果，即给每个产品图片都加上框框，就不能使用百分比，相比国外的slick，在这方面还是有不足之处，即使后面后 superslider推出了 touchsl ...
分类：
其他好文 时间：
2019-03-01 10:57:19
阅读次数：
1109
第1章 前期准备介绍了课程内容、背景和案例展示、什么是响应式网站、怎样分析设计图、响应式网站设计实践原则1-1 课程安排 试看1-2 课程简介1-3 响应式网站设计的概念 试看1-4 响应式网站的优点 试看1-5 浏览器一览1-6 媒体查询-11-7 媒体查询-21-8 媒体查询-31-9 怎样分析 ...
分类：
其他好文 时间：
2019-01-23 00:26:39
阅读次数：
206
响应式网站：https://www.microsoft.com/zh-cn/ 页面缩放，框架变动 自适应网站：http://m.ctrip.com/html5/ 页面缩放，整体等比例缩放（框架不变） 响应式 一、响应式布局框架的优点、缺点、原理 优点： 1.面对不同分辨率设备灵活性强 2.能够快捷解 ...
分类：
其他好文 时间：
2018-12-23 11:11:48
阅读次数：
195
第1章 前期准备介绍了课程内容、背景和案例展示、什么是响应式网站、怎样分析设计图、响应式网站设计实践原则1-1 课程安排1-2 课程简介1-3 响应式网站设计的概念1-4 响应式网站的优点1-5 浏览器一览1-6 媒体查询-11-7 媒体查询-21-8 媒体查询-31-9 怎样分析设计图1-10 响 ...
分类：
其他好文 时间：
2018-12-08 23:51:19
阅读次数：
371
all可以省略，默认就是all.如果是not或者only则必须写。 not and起到连接的作用 only。 逗号相隔，等同于or。 逻辑操作符：与and、或or、非not。 ...
分类：
Web程序 时间：
2018-11-21 22:20:51
阅读次数：
239
Responsive Web design 响应式网页设计 此概念于2010年5月由国外著名网页设计师Ethan Marcotte所提出。 响应式网站设计(Responsive Web design)的理念是： 页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的 ...
分类：
其他好文 时间：
2018-10-18 11:04:39
阅读次数：
169
2010年由Eson Machel提出。 一、概念： 是一个设计理念，采用多项技术的综合体。（针对不同的终端，采取不同的布局样式） 弹性布局的缺点： 当宽度小到一定程度，图片会发生裁剪，图片会不清晰，优化程度有限 二、响应式运用的三大技术： 弹性布局 （流动网格） 弹性图片 媒体查询 三、响应式网 ...
分类：
Web程序 时间：
2018-10-14 01:57:44
阅读次数：
201
