使用jquery設置最小寬度

只是一個小問題。如果我使用Jquery來檢測用戶瀏覽器窗口大小，然後獲取該值並用該值聲明CSS屬性最小寬度;無論觀看設備如何，這將是向用戶顯示網頁的有益方式？（智能手機&平板電腦將被檢測到使用媒體查詢。）（主要是我想用寬屏等用戶）使用jquery設置最小寬度

我在想這種方式，我可以匹配頁面，以適合使用百分比完美。即像這樣的東西。

<div id="one"> < (width = 100%) 
    <div id="one">Hello World!</div> < (width = 50%) 
    <div id="two">Goodbye world!</div> < (width = 50%) 
</div>

該css會有點像;

#one { 
    width :100% 
    min-width : (determined by Jquery findings) 
}

道歉，如果這沒有任何意義只是想要一個意見或兩個和一個小反饋。

來源

2015-11-08 Beaniie

您應該使用media query代替的jQuery：

例如，假設你想使用一個不同的值min-width如果屏幕尺寸小於或等於600px的

#one { 
    width :100% 
    min-width : //your default value for other screen sizes 
}  

@media (max-width: 600px) { 
    #one { 
    width :100% 
    min-width : //your value when the screen size is less than or equal to 600px 
    } 
}

來源

2015-11-08 09:14:13

我明白的概念，但是如何找到決定最小寬度的黃金價值呢？有許多顯示設備都有各種尺寸。一個人如何瞄準他們而不必針對每一個人呢？爲什麼不在獲取用戶信息後讓Jquery爲你呈現這些值？ – Beaniie

@Null：當我們設計一個響應式網站時，我認爲我們應該只針對一系列尺寸，並根據目標屏幕尺寸設計不同的款式。如果你想瞄準所有這些，我認爲你在討論如何讓佈局變得流暢，我們可以根據屏幕大小使用不同的百分比。如果您使用jQuery，則在用戶調整窗口大小時還必須處理這些情況。欲瞭解更多信息：http://stackoverflow.com/questions/9780333/fluid-or-fixed-grid-system-in-responsive-design-based-on-twitter-bootstrap –

瞭解，謝謝你的幫助。 :) – Beaniie

使用jquery設置最小寬度

回答

相關問題