自适应页面的实现方式
CSS3 媒体查询 media 媒体查询技术的原理：通过匹配不同屏幕设备的特征,让不同特征下的CSS代码生效。常用匹配特征 media featureswidth/height: 浏览器宽高max-width： 表示小于最大宽度时生效min-width： 表示大于最小宽度时生效 ...
原文：自适应移动设备页面的设计
现在移动设备越来越多，使用手机上网的人也越来越多，移动设备也成为访问互联网的常见终端设置。以前我们在编写管理系统的时候，客户端只需要考虑PC机桌面设备，现在则必须要考虑到移动终端设备了。 移动终端设备的屏幕分辨率很多都不一样，手机就分很多种大小的，然后还有一些平板电脑，如ipad,ipad迷你，等等，大小很难统一， 浏览器也各式各样，这使得做移动设备的客户端界面有了一定的困难，总不不能每种尺寸的都 ...
2012-12-12 14:53 0 10992 推荐指数：
相关推荐
基于 Vue.js 2.0 酷炫自适应背景视频登录页面的设计『转』
本文讲述如何实现拥有酷炫背景视频的登录页面，浏览器窗口随意拉伸，背景视频及前景登录组件均能完美适配，背景视频可始终铺满窗口，前景组件始终居中，视频的内容始终得到最大限度的保留，可以得到最好的视觉效果。 并且基于 Vue.js 2.0 全家桶。具体效果如下图所示 ...
移动端自适应页面--flexible
可能有很多人没有接触过移动端页面、或者接触的少，都会问移动端页面怎么写？ 宽度百分比，高度自适应可能大家都知道这么个写法，然后字体再用css3的媒体查询（@media）来针对每个手机尺寸分别写不同大小的html字体（我最初就是这么写的）。 因为写的页面多了，觉得这种方法有很多弊端存在，比如手机 ...
如何利用rem在移动端不同设备上让字体自适应大小
的页面都很NB。 事故造成原因：1.px单位在PC上很流行，在手机屏幕上一看，MLGB的，同样的12px ...
如何利用rem在移动端不同设备上让字体自适应大小
本人也是一个刚刚接触前端的小虾米，对于移动端这一块更是一抹眼的黑，前端时间接手开始一个移动端的项目，在网上查询了一下rem的作用，百度搜索下来全是介绍rem的作用原理的（rem是根据根元素计算的），然后基本上给我的就是 html{font-size：62.5%} body ...
iframe嵌入页面自适应目标页面的高度
不要把页面放到本地，不然会报错，并且实现不了自适应高度的功能， 报错：Blocked a frame with origin "null" from accessing a cross-origin frame； 原因：跨页面操作涉及域的概念（origin），错误的意思是：未捕获的安全 ...
大屏上的全屏页面的自适应适配方案
通常来说PC端的页面并不像移动端页面那样对屏幕大小和分别率有那么强的依赖。一般的页面都是取屏幕中间的一块宽度(1280px), 两边留白, 高度随着内容的长度滚动。这样无论窗口怎么变化，页面都是可用的。比如，我们的这个页面. 然而也有少数的页面，天生就是要在 pc 端全屏显示的，其中最为典型的代表 ...