css响应式布局{手机（app）、 平板 pc、（桌面、电脑）}国外（自适应响应式布局）中国（手机和电脑两种） @midle媒体查询，通过改变屏幕尺寸screen（宽度width）来达到页面的自适应采用继承的width（100%）的方式em是相对长度单位，相对于当前对象内文本的字体IE8及更新早版本 ...
分类：
其他好文 时间：
2016-10-07 20:36:07
阅读次数：
129
bootstrap：移动端有限。没有ID选择器，就算有也是 通过class名称来的容器 container ，row要放在容器container中，且一个网页只允许有一个container 禁止响应式布局：1，写一个宽度；2，去掉<meta·······>.col-xs:禁用超小模式 所有JavaS ...
分类：
其他好文 时间：
2016-10-07 20:19:41
阅读次数：
93
★背景： 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及 ...
分类：
其他好文 时间：
2016-10-06 20:05:53
阅读次数：
367
布局实现采用何种方式实现布局设计，也有不同的方式，这里基于页面的实现单位而言，分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。固定布局：以像素作为页面的基本单位，不管设备屏幕及浏览器宽度，只设计一套尺寸；可切换的固定布局：同样以像素作为页面单位，参考主流设备尺寸，设计几套不同宽度的布局 ...
分类：
其他好文 时间：
2016-10-06 12:36:52
阅读次数：
132
★背景： 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及 ...
分类：
其他好文 时间：
2016-10-04 21:05:04
阅读次数：
273
一.什么是响应式设计 在现今市场上的所有媒体设备上，你的网站都能正确的工作，并有良好的显示效果。 二.创建响应式网站有哪些方面 1.HTML 使用HTML5标记，文档类型声明和初始缩放比，最大缩放比等等，具有清晰和语义化的HTML。 2.CSS 嵌入式样式，注意层叠的作用方式和元素继承规则。 盒模型 ...
分类：
其他好文 时间：
2016-10-03 19:11:36
阅读次数：
137
CSS3中的Media Query(媒介查询): 设备宽高：device-width,device-height 渲染窗口的宽和高：width，height 设备的手持方向：orientation 设备的分辨率：resolution 使用方法： 外联 <link href="css/bg.css" ...
分类：
其他好文 时间：
2016-09-28 19:23:33
阅读次数：
155
移动端开发：首先设备大致分为4种：手机端： <768px ipad端：769 - 991px pc端：992 - 1200px 超大屏幕：>1200px 响应式布局：Ethan Marcotte在2010年5月份提出的概念，意思是一个网站能够兼容多个终端，而不是 为每个终端做一个特定的版本。这个概念 ...
分类：
移动开发 时间：
2016-09-26 08:37:52
阅读次数：
175
不喜勿喷，本人学的少，以下就说说我目前习惯用的一些框架、： 对于web端: css源生代码直接写定宽高 css源生代码响应式布局 -- @media bootstrap--移动端优先 -- 用框架 兼容性 还原布局 App:不同的屏幕尺寸： 一、css源生代码响应式布局 采用@media媒体查询，利 ...
分类：
其他好文 时间：
2016-09-26 08:34:15
阅读次数：
158
