客服
響應式布局設置--@media only screen and
/* 常用類(lèi)型 */
類(lèi)型 解釋
all 所有設備
braille 盲文
embossed 盲文打印
handheld 手持設備
print 文檔打印或打印預覽模式
projection 項目演示，比如幻燈
screen 彩色電腦屏幕
speech 演講
tty 固定字母間距的網(wǎng)格的媒體，比如電傳打字機
tv 電視
screen一般用的比較多，下面是我自己的嘗試，列出常用的設備的尺寸，然后給頁(yè)面分了幾個(gè)尺寸的版本。
/* 常用設備 */
設備 屏幕尺寸
顯示器 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的常見(jiàn)值對比（是設備上物理像素和設備獨立像素，設備像素比率）
| 設備 | 分辨率 | 設備像素比率 |
| 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
- 使用于：位圖媒體類(lèi)型,接受max/min前綴：
“resolution”媒體特性描述輸出設備的分辨率，例如，像素密度。若查詢(xún)設備的非方形像素，在“min-resolution”查詢(xún)中指定的值必須與最稀疏尺寸進(jìn)行比較，在“max-resolution”查詢(xún)中必須與最密集尺寸進(jìn)行比較。對于“resolution”（沒(méi)有“min-”或“max-”前綴）查詢(xún)從不查詢(xún)設備的非方形像素。
對于印刷機，相當于分辨率（任意顏色的繪制點(diǎn)的分辨率）。
舉例說(shuō)明：該媒體查詢(xún)表示樣式表適用于分辨率大于每英寸144點(diǎn)的設備：
@media print and (min-resolution: 144dpi) { … }
相關(guān)文章：
-
帝國CMS是什么程序 帝國CMS是一套開(kāi)源的靜態(tài)頁(yè)面程序，憑借超高的擴展性，很多知名的新聞?wù)军c(diǎn)、行業(yè)站點(diǎn)都是應用的帝國CMS后端。因為帝國CMS和dedecms一樣都是生成靜態(tài)頁(yè)面的，所以非常利于...
-
域名解析DNS分為顯性URL和隱形URL，顯性URL和隱形URL有什么區別？隱形URL和顯性URL哪個(gè)更有利于SEO？顯性URL相當于域名了302重定向，隱形URL使用iframe框架技術(shù)隱藏真實(shí)目標地址，顯性URL更有利于...
-
在常見(jiàn)的CMS系統中，我對dedecms算是比較熟悉的，自己網(wǎng)站用的也是這個(gè)系統。系統功能強大使用靈活，相信這也是它受到大多數中小站長(cháng)青睞的原因。 再好的系統也有照顧不周的地方，很多站...
-
這篇文章主要為大家詳細介紹了dedecms后臺增加php導出excel功能實(shí)現辦法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下,有需要的朋友可以收藏方便以后借鑒。 不少朋友希望織夢(mèng)的后臺...
-
第一次使用的插件是 pdfobject.js 百度網(wǎng)盤(pán)下載地址：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文件地...
-
網(wǎng)上有一種方法是copy+unlink來(lái)移動(dòng)文件，但是遇到大文件時(shí)會(huì )消耗大量時(shí)間，對性能不怎么友好，可以使用rename()來(lái)移動(dòng)文件，速度非?？?關(guān)于rename()函數 bool rename ( string $oldname , string $newname...
-
基于我們公司可選的幾種推廣方式： 一、關(guān)鍵詞優(yōu)化排名推廣（推薦） 指定關(guān)鍵詞推廣，按天付費，推廣我們業(yè)務(wù)中最重要的一些關(guān)鍵詞，達到百度首頁(yè)才收費，大概一個(gè)關(guān)鍵詞10元/天左右。...
-
插件介紹 wordpress程序網(wǎng)站在發(fā)布文章時(shí)可以給每一片文章添加與之相關(guān)的TAG標簽，對于TAG標簽可以生成很多頁(yè)面，增加搜索引擎對內容的抓取量。 WP Auto Keywords插件就是一款能自動(dòng)給文章添加...
-
5.7 生成列表頁(yè) 改動(dòng) include/arc.listview.class.php 1.先設置 關(guān)閉副欄目（在系統----系統基本參數性能選項里） 2.一般網(wǎng)站不需要 欄目交叉 交叉 所以 找到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) 此修正符打開(kāi)一個(gè)與perl不兼容的附加功能. 模式...