客服
响应式布局设置--@media only screen and
/* 常用类型 */
类型 解释
all 所有设备
braille 盲文
embossed 盲文打印
handheld 手持设备
print 文档打印或打印预览模式
projection 项目演示，比如幻灯
screen 彩色电脑屏幕
speech 演讲
tty 固定字母间距的网格的媒体，比如电传打字机
tv 电视
screen一般用的比较多，下面是我自己的尝试，列出常用的设备的尺寸，然后给页面分了几个尺寸的版本。
/* 常用设备 */
设备 屏幕尺寸
显示器 1280 x 800
ipad 1024 x 768
Android 800 x 480
iPhone 640 x 960
.class {
background: #ccc;
}
}
device-aspect-ratio
@media only screen and (device-aspect-ratio:4/3)
-webkit-min-device-pixel-ratio的常见值对比（是设备上物理像素和设备独立像素，设备像素比率）
| 设备 | 分辨率 | 设备像素比率 |
| Android LDPI | 320×240 | 0.75 |
| Iphone 3 & Android MDPI | 320×480 | 1 |
| Android HDPI | 480×800 | 1.5 |
| Iphone 4 | 960×640 | 2.0 |
-webkit-min-device-pixel-ratio: 1.0
- 所有非 Retina 的 Mac
- 所有非 Retina 的 iOS 设备
- Acer Iconia A500
- Samsung Galaxy Tab 10.1
- Samsung Galaxy S
- 其他设备
- -webkit-min-device-pixel-ratio为1.3
- Google Nexus 7
- -webkit-min-device-pixel-ratio为1.5
- Google Nexus S
- Samsung Galaxy S II
- HTC Desire
- HTC Desire HD
- HTC Incredible S
- HTC Velocity
- HTC Sensation
- -webkit-min-device-pixel-ratio为2.0
- iPhone 4
- iPhone 4S
- iPhone 5
- iPad (3rd generation)
- iPad 4
- 所有Retina displays 的MAC
- Google Galaxy Nexus
- Google Nexus 4
- Google Nexus 10
- Samsung Galaxy S III
- Samsung Galaxy Note II
- Sony Xperia S
- HTC One X
-webkit-min-device-pixel-ratio: 3.0
1.HTC Butterfly 2.Sony Xperia S
- 使用于：位图媒体类型,接受max/min前缀：
“resolution”媒体特性描述输出设备的分辨率，例如，像素密度。若查询设备的非方形像素，在“min-resolution”查询中指定的值必须与最稀疏尺寸进行比较，在“max-resolution”查询中必须与最密集尺寸进行比较。对于“resolution”（没有“min-”或“max-”前缀）查询从不查询设备的非方形像素。
对于印刷机，相当于分辨率（任意颜色的绘制点的分辨率）。
举例说明：该媒体查询表示样式表适用于分辨率大于每英寸144点的设备：
@media print and (min-resolution: 144dpi) { … }
相关文章：
-
帝国CMS是什么程序 帝国CMS是一套开源的静态页面程序，凭借超高的扩展性，很多知名的新闻站点、行业站点都是应用的帝国CMS后端。因为帝国CMS和dedecms一样都是生成静态页面的，所以非常利于...
-
域名解析DNS分为显性URL和隐形URL，显性URL和隐形URL有什么区别？隐形URL和显性URL哪个更有利于SEO？显性URL相当于域名了302重定向，隐形URL使用iframe框架技术隐藏真实目标地址，显性URL更有利于...
-
在常见的CMS系统中，我对dedecms算是比较熟悉的，自己网站用的也是这个系统。系统功能强大使用灵活，相信这也是它受到大多数中小站长青睐的原因。 再好的系统也有照顾不周的地方，很多站...
-
这篇文章主要为大家详细介绍了dedecms后台增加php导出excel功能实现办法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。 不少朋友希望织梦的后台...
-
第一次使用的插件是 pdfobject.js 百度网盘下载地址：http://pan.baidu.com/s/1kUPhYdT 加载 script src=/style/js/pdfobject.js /script script type=text/javascript window.onload = function (){ var success = new PDFObject({ url: pdf文件地...
-
网上有一种方法是copy+unlink来移动文件，但是遇到大文件时会消耗大量时间，对性能不怎么友好，可以使用rename()来移动文件，速度非常快 关于rename()函数 bool rename ( string $oldname , string $newname...
-
基于我们公司可选的几种推广方式： 一、关键词优化排名推广（推荐） 指定关键词推广，按天付费，推广我们业务中最重要的一些关键词，达到百度首页才收费，大概一个关键词10元/天左右。...
-
插件介绍 wordpress程序网站在发布文章时可以给每一片文章添加与之相关的TAG标签，对于TAG标签可以生成很多页面，增加搜索引擎对内容的抓取量。 WP Auto Keywords插件就是一款能自动给文章添加...
-
5.7 生成列表页 改动 include/arc.listview.class.php 1.先设置 关闭副栏目（在系统----系统基本参数性能选项里） 2.一般网站不需要 栏目交叉 交叉 所以 找到94行注释掉： //获得交叉栏目ID /*if($this-Type...
-
使用preg_replace将删除所有空白(包括制表符等) $string = user na me $string = preg_replace(/\s+/, , $string); echo $string; // username preg_replace(/\s/u, ,$string) u (PCRE8) 此修正符打开一个与perl不兼容的附加功能. 模式...