不同的響應式佈局處理

我對正在處理的網站的響應式佈局有問題。不同的響應式佈局處理

Senario：該網站有3種不同的桌面，平板電腦和手機佈局。媒體查詢可以很容易地處理幾乎相同的組件（通過一些CSS調整）。我的客戶的要求是網站必須有響應，並且應該調整瀏覽器的大小。

問題：問題是，一些divs在不同的佈局中轉換位置。假設Div1有subdiv1，subdiv2和nad subdiv3。在某些情況下，某些其他div會說Div2會有一些細分，Div1的細分必須在Div2的細分之間出現。父母級別的佈局組件位置不同，這導致我們遇到很多問題，如何處理它。

解決方案，我們正在考慮：

創建一個基於用戶事件不同的主題：該解決方案是不可行的，因爲主題將本身並不敏感，甚至如果他們響應不會採取批准佈局由客戶。
使用jquery將組件移至不同父母並加載並調整大小：這可能會降低我們的網站速度並可能產生其他問題。
隱藏顯示與CSS相同組件的不同實例：此解決方案聽起來很糟糕。

有沒有其他我們忽略的好方法，更好的方法來做到這一點？即使在這些方法中，我們想知道哪一個是最好的解決方案？

我們正在考慮許多因素，如性能，搜索引擎優化，加載時間等

我真的很迷茫，真的很感激一些建議。

來源

2013-08-28 Sworup Shakya

我寧願jquery。 –

問問你自己和你的客戶人們實際調整瀏覽器的頻率？在移動設備和標籤上，它甚至不能完成（AFAIK）。在桌面上，啓動和最大化之間通常是不同的，而這往往是微不足道的。當然，這意味着該網站不應該使用jQuery修補程序放慢速度，但它很少值得付出努力。響應與響應瀏覽器大小調整事件不同。處理各種初始大小通常就足夠了。 –

如果佈局差異很大，並且您需要所有佈局都具有響應能力，那麼3個佈局中的每一個都必須分別做出響應，您不能過多地依靠它自動完成。即從佈局開始並將響應標記添加爲「漸進式增強」以使其行爲正確。 – Groo

我最終爲每個佈局創建了一個主題，然後根據用戶代理切換主題。它現在工作正常，是一點額外的工作，但它是正常的。

來源

2014-01-30 06:04:16

我會爲這類問題提出dreameweaver cs6流體網格佈局。它非常棒，可以實時編輯和預覽不同的佈局模式。 http://tv.adobe.com/watch/learn-dreamweaver-cs6/using-fluid-grid-layouts/

來源

2013-08-28 09:27:04 surajfx

我的問題是，隨着佈局從桌面切換到平板電腦到移動設備，元素會在不同的父級div內移動。如果元素保持在同一個div內而不是如此劇烈地改變位置，調整流體響應佈局從來就不是問題。謝謝！ –

不同的響應式佈局處理

回答

相關問題