有沒有什麼辦法可以讓網站響應而不需要媒體查詢

我有一個博客：Creative Blogging Tips。我試圖讓它響應，但我覺得它與media queries互動太複雜了，它確實需要很多時間。有沒有什麼辦法可以讓網站響應而不需要媒體查詢

我正在尋找一種更簡單的方法來使我的網站響應。有沒有辦法讓網站響應而不使用media queries？

2013-03-24 Yash

都能跟得上的高度。考慮到移動設備和平板電腦的設計需要重新設計舊網站。 – dotty 2013-03-24 17:24:37

我認爲沒有媒體查詢的唯一方法就是使用Javascript。

通過「JavaScript響應式佈局」搜索我發現ResponseJS這似乎免除處理媒體查詢。

我還建議您尋找一些CSS框架，如Columnal和1140，這使得您在設計響應式佈局時更容易工作。

2013-03-24 17:30:06

還有百分比寬度，最大寬度，最小寬度和類似的css命令。

2013-03-24 17:36:08 aNewStart847

我完全同意，你可能會驚訝你能用百分比完成什麼。但我建議設置視口大小： <meta name=viewport" content="width=device-width, initial-scale=1"> 使用視口標記和百分比是一個很好的開始。

2013-03-25 19:48:29 kevinB

您可以使用Javascript onresize和onload檢查文檔寬度並相應地更改body元素（或其他元素）上的類。

我認爲媒體查詢不太容易出錯，儘管您對查詢語法是很痛苦和耗時的。

2014-05-22 20:44:49 Rolf

當然，您可以讓您的網站無需媒體查詢即可響應。

不僅如此，而且您使用媒體查詢的次數越少，您的網站就越容易維護。設計一個網站使用較少的媒體查詢是一個很好的設計目標。這可能會很棘手，但這絕對是值得的。

我強烈建議您查看css flex，但仍然可以使用浮動內嵌塊百分比。這不是太困難的聰明。

2014-05-22 20:56:46

如果沒有媒體查詢，那麼你可以使用像引導框架，骨骼等此外助焊劑等CSS和寬度，並在％

2016-10-14 05:31:54

回答