在css中单位长度用的最多的是px、em、rem，这三个的区别是： px是固定的像素，一旦设置了就无法因为适应页面大小而改变。 em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局。 对于em和rem的区别一句话概括：em相对于父元素，rem相对于根元素 ...
分类：
Web程序 时间：
2017-06-10 12:29:36
阅读次数：
135
写phpd的我。近期公司要弄个app关键是没有web开发，而我有比較闲，那就扛枪上阵吧。 响应式布局，web端的？php我一直都是用tp框架，对于web首先想到的是bootstrap框架。仅仅是简单了解过，没真正实践啊。bootstrap比我想象的要好用的多。关键是。关键来了…… app端是仅仅有手 ...
分类：
Web程序 时间：
2017-06-08 18:57:03
阅读次数：
262
响应式 Web 设计是一个让用户通过各种尺寸的设备浏览网站获得良好的视觉效果的方法。例如，您先在计算机显示器上浏览一个网站，然后再智能手机上浏览，智能手机的屏幕尺寸远小于计算机显示器，但是你却没有感觉到任何差别，两者的用户体验几乎一样，这说明这个网站在响应式设计方面做得很好。 为了应用响应式 Web ...
分类：
其他好文 时间：
2017-06-05 00:39:58
阅读次数：
163
一：常见的布局模式 目前常见的网页布局有：固定布局，流式布局，弹性布局，响应式布局。 二：各种布局模式的布局方法，特点 1)固定布局： 网页中所有元素的尺寸一路使用px作为单位。 这种方式是最简单基础的，相信所有人在学习前端布局时都是这样搭出自己的网页的。无论对于设计还是开发人员，或者两者之间的交接 ...
分类：
其他好文 时间：
2017-06-04 16:53:40
阅读次数：
171
响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及，用“大势 ...
分类：
其他好文 时间：
2017-06-03 23:36:03
阅读次数：
308
现在响应式布局用得比较大众的应该是Bootstrap，但是我并不打算使用。原因很简单，我对Bootstrap不熟悉不了解。然后 我简单的看了下Bootstrap是怎么实现的响应式布局。原理很简单，就是使用到了CSS3中的media。media何方神圣？可以用来吃吗？它可以针对不同的媒体类型定义不同的 ...
分类：
其他好文 时间：
2017-06-03 23:26:53
阅读次数：
186
现在移动设备越来越普及，用户使用智能手机、pad上网页越来越普遍。但是传统的fix型的页面在移动终端上无法很好的显示。因此，Ethan Marcotte提出一种响应式web设计的概念。 步骤： 1、使用media信息来帮助判断屏幕尺寸 2、使用百分比来替换以前使用的像素来声明宽度等与尺寸相关的信息 ...
分类：
其他好文 时间：
2017-06-03 22:34:21
阅读次数：
218
截止目前，国内绝大多数内容为主的网站（知乎，果壳，V2EX，网易新闻等）均使用内容区定宽布局，大多数电商网站（网易考拉，京东，聚美优品）也使用了内容区定宽的布局，也有些网站使用了自适应布局。 如果不明白响应式布局和自适应布局的可以去我的博客看《自适应布局和响应式布局的不同》。 1.天猫 1.内容区采 ...
分类：
其他好文 时间：
2017-06-01 10:37:31
阅读次数：
168
学了前端一段时间了，发现大家都搅浑了自适应布局和响应式布局的差别。现在我来和大家说下它们的不同： 自适应的体验 http://m.ctrip.com/html5/响应式的体验 http://segmentfault.com/ 整理了自己查阅的知识点，给各位一些提示。 起初，网页设计者都会涉及固定宽度 ...
分类：
其他好文 时间：
2017-06-01 10:32:48
阅读次数：
250
bootstrap 让web开发更迅速，简单 （Bootstrap中文文档v3.3.7）bootstrap 是最受欢迎的HTML CSS 和 JS 框架用于开发响应式布局，移动设备优先的WEB 项目下载 bootstrap下载之后有用于生产环境的Bootstrap （正式上线用的） 和 Bootst ...
分类：
其他好文 时间：
2017-05-31 10:34:12
阅读次数：
151
