當瀏覽器窗口寬度變化時添加樣式

-2

我正在處理響應式wordpress主題，並且我一直在創建一個腳本，用於檢測#header高度並向.main_wrapper添加樣式的填充。當瀏覽器窗口寬度變化時添加樣式

jQuery(document).ready(function() { 
var header_height = jQuery("#header").height(); 
main_wrapper = jQuery(".main_wrapper"); 
main_wrapper.css('padding-top', header_height); 
));

但問題是當我打開我的網站。它添加填充，但是當我調整我的瀏覽器，它因此未改變.main_wrapper填充

來源

2015-10-15 Samad Moiz Farooq

您還沒有共享你的代碼足以讓我們來幫助你...... – rnevius

你不必一個'window.resize'處理程序，所以你的代碼只運行一次，在頁面載入時，它不會在窗口大小上運行，除非你告訴它。這聽起來像你應該嘗試找到一個CSS解決方案。 – adeneo

媒體查詢將在這裏大大受益：https：//developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries – Jesse

https://jsfiddle.net/94xw513j/1/

$(window).resize(function() { 
var header_height = jQuery("#header").height(); 
main_wrapper = jQuery(".main_wrapper"); 
main_wrapper.css('padding-top', header_height); 
})

來源

2015-10-15 19:26:37 jnoreiga

當瀏覽器窗口寬度變化時添加樣式

回答

相關問題