2012-09-21 53 views
1

我正在嘗試完成一個僅靠CSS處理的定位方案。我可以用JavaScript輕鬆地做到這一點,使用類似於:在調整窗口大小時,可以使用JavaScript重新定位元素嗎?

function onWindowResize(new_width,new_height){ 
    $('#element') 
     .css({ left: some_function(new_width), 
       top: another_function(new_height) }); 
}; 

可以使用該方法嗎?什麼是可能的缺點?

+0

媒體查詢不可能嗎? – banzomaikaka

+3

確保調整調整大小事件,以便在調整大小時不會執行數十萬次的昂貴操作:http://stackoverflow.com/questions/5489946/jquery-how-to-wait-for-the -end-or-resize-event-and-only-than-perform-action –

+0

好的建議,謝謝。 – MaiaVictor

回答

4

當然,這是完全罰款如果你願意,可以用javascript來做。一些調整大小的操作需要比在純CSS中表達更復雜的邏輯。

在很多情況下,它也可以用純CSS完成。如果您向我們展示您真正想要完成的任務,您可能會收到一些僅限CSS的建議。

潛在的缺點:

  1. 你的頁面需要JavaScript才能正常工作(不是大問題,這些天在我看來)。
  2. 與僅限CSS的解決方案相比,在調整窗口大小期間,佈局可能無法順利進行。
1

兩個缺點:

如果用戶有JS禁用
  • 都不行
  • 領帶佈局到您的JS,最好保持在CSS
+0

@Downvoter:請解釋 –

+0

編輯:理解上面的錯誤消息(讀作:'Downvoting。Please explain') – MaiaVictor

相關問題