1. 首頁
  2. 問答
  3. CSS3響應式佈局 - 我可以選擇哪種方法？

CSS3響應式佈局 - 我可以選擇哪種方法？

2012-03-21 52 views
0

嗨，我正在做一個網站，這個網站有3個不同的樣機桌面，平板電腦，智能手機..我可以使用respond.js識別寬度。CSS3響應式佈局 - 我可以選擇哪種方法？

但我的問題是如何將設計切換到適當的設備。我可以改變使用查詢選擇器的寬度和高度，但我怎麼能改變頁面的內容..

任何好主意。在早些時候，我下載了所有內容，並使用display：none來隱藏不需要的內容：我知道這是錯誤的。除了使用服務器端代碼之外，哪種方法最好？

感謝

來源

2012-03-21 3gwebtrain

+1

[CSS媒體（http://webdesignerwall.com/tutorials/responsive-design-in-3-steps） [查詢]（http://deanhume.com/Home/BlogPost/responsive-design-and-css3-media-queries/60）完全符合你所需要的JS。 – jolt 2012-03-22 07:42:23

回答

0

爲您的所有樣機類型的設計主題，在您的標記使用相同的CSS類。檢查窗口大小的客戶端，並根據窗口側加載適當的主題。

來源

2012-03-21 13:26:28

+0

你的意思是，內容洗牌，使用js？ – 3gwebtrain 2012-03-21 13:29:24

+0

我的意思是在我看來你應該在你的客戶端發現哪個樣機主題適用後，用JS加載一個css文件。 JS應該加載正確的設計主題。設計主題通常是一組CSS文件。 – 2012-03-21 13:42:56

0

我認爲明智地檢測到移動瀏覽器用戶代理字符串（服務器端）並相應地顯示內容。

如果您使用PHP構建，請查看此awesome腳本。

用法是這樣的：

if($isMobile){ 
    header('Location: http://m.youdomain.com/' . urlencode($_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'])); 
    exit(); 
}

還檢查了Switcher

來源

2012-03-22 07:37:46 Starx

相關問題

 相關問題