2013-04-26 58 views
0

好吧,這是一個棘手的問題......密切關注!CSS條件元素,XHTML

  1. 我有一個網站有2頁index.html & about.html。
  2. 我構建了這些頁面以1024x768或更高的所有屏幕分辨率工作。
  3. 之前的陳詞濫調「使其可擴展性與百分比而不是在css像素」我做了一定的程度,但它的最佳分辨率是1024x768,因爲它是我的圖形設計組合(我覺得正義不會服務於任何分辨率低於此!)
  4. 我也有一個missing.html頁面的目錄中的情況下有人跟隨一個不好的鏈接!
  5. 我想知道是否可以製作一個「我很抱歉,此頁面只能以1024x768或更高的分辨率顯示!」當較低分辨率的人嘗試去索引和關於頁面時彈出頁面? 6我正在考慮IE CSS條件元素的行,但不是瀏覽器只是爲了分辨率。 (由於低分辨率產生新頁面的條件語句!)
  6. 我只想要一個新的.html頁面產生分辨率低於1024x768的人(我知道網站需要某種檢測,但不知道如何實現它!)
  7. 我很抱歉如此肛門保持和編號我的問題我的方式,任何幫助將不勝感激!儘可能詳盡地闡述!
+0

對於像我們這樣的開發者來說,肛門保持性不是問題。順便說一句,像這樣的文件名,它很可能不是真正的XHTML。 – 2013-04-26 11:06:19

回答

4

您可以使用CSS media queries,如:

@media (max-width: 1024px) { ... } 

內,您的特定像素查詢你可以做一個DIV,用「對不起......」的字樣,可見。

請記住,通過通用JavaScript獲取顯示器大小可能不會反映實際瀏覽器窗口的大小 - 媒體查詢會。

1

那麼,你可以用javascript檢測屏幕分辨率!

var width = window.innerWidth || document.body.clientWidth; 
var height = window.innerHeight || document.body.clientHeight; 

if(width < 1024 || height < 768) { 
    // screen is too small, redirect to small.html 
    location.href = 'small.html'; 
} 
+0

喬R給你一個現代化的解決方案! – 2013-04-26 11:05:58

0

那麼css查詢或js會更好嗎?我將盡我所能做出最靈敏,最流暢,最實用的ui/ux構建!無論哪個目標更好,最快速實施等等!會同時使用導致衝突?