2016-02-11 86 views
-1

我有一個響應式網站,需要設置最小寬度。現在的問題是,當瀏覽器被調整大小時,寬度會發生變化,768px之後所有元素都會中斷。我已經嘗試將身體設置爲769px,但大多數元素仍然打破。我怎麼能設置身體(整個網站的大小)的大小最低769px,與CSS或JavaScript。設置網站主體最小寬度

注意:我不認爲我現在可以將所有元素更改爲最小寬度,因爲要改變的東西太多了。

+0

你可以將身體的全部內容包裹在另一個元素中嗎?然後你可以設置最小寬度。 – PitaJ

+0

我想回答這個問題需要更多的信息。 「所有元素中斷」是什麼意思?他們定位不正確?他們的內容是否重疊?你如何定位這些元素? – jangxx

+0

你應該在你的HTML中使用更多的語義標記,那麼它應該更容易。 – Smar

回答

1

你可以嘗試創建一個包裝div作爲身體的第一個孩子,並給它最小寬度所有其他元素將是包裝div的孩子。

+0

我做到了這一點,但仍然在這個div內的子元素正在改變大小,因爲我調整瀏覽器的尺寸小於限制我已經設置了這個主包裝 – user2317954

+0

任何理由爲什麼它不工作? – user2317954

+0

如果發佈代碼,將很容易識別。如果你正在使用媒體查詢,那麼你應該使用百分比到你的網站元素。由於媒體查詢將考慮瀏覽器寬度,而不考慮容器最小寬度。 –

0

請確保您使用的響應單元的大小與像rem和em單位一樣的頁面大小,而不是像素。如果您使用響應式單位,您的頁面應該相應地進行調整將你的部分包裹在flex containers中並進行相應調整。