2011-08-07 31 views
1

在CSS中widthdevice-width有什麼區別?CSS中的width和device-width有什麼區別?

我知道這方面已經有一些問題了,但是我想從媒體查詢的角度理解這些以嗅探瀏覽器/設備,例如,桌面/移動/平板電腦。

+0

不是關於媒體查詢過你說所有的這些問題? – BoltClock

+0

沒有..他們不強調媒體查詢,這是我正在尋找.. – testndtv

回答

0

設備寬度和設備高度特性指的是輸出裝置的尺寸(即,屏幕大小)。

寬度和高度的功能,另一方面,請參考的呈現表面,這對於屏幕媒體視口(例如,瀏覽器窗口),或用於打印介質的頁框的尺寸。

http://reference.sitepoint.com/css/mediaqueries#mediaqueries__tbl_media-queries_media-features

+0

好吧..所以我的問題是; 1.移動設備/平板電腦設備的這兩項功能(寬度/設備寬度)是否相同,但桌面設備是不同的? 2.在桌面上,設備寬度指示什麼? – testndtv

+1

@testndtv:1.不,他們不一樣。 2.這將是你的屏幕大小,而不是說瀏覽器窗口。閱讀本文http://www.quirksmode.org/mobile/viewports2.html,但首先閱讀第1部分。它會讓你更好地理解它是如何工作的。 – tw16

+1

@testndtv:第一部分在這裏:http://www.quirksmode.org/mobile/viewports.html –