我有一個博客:Creative Blogging Tips。我試圖讓它響應,但我覺得它與media queries
互動太複雜了,它確實需要很多時間。有沒有什麼辦法可以讓網站響應而不需要媒體查詢
我正在尋找一種更簡單的方法來使我的網站響應。有沒有辦法讓網站響應而不使用media queries
?
我有一個博客:Creative Blogging Tips。我試圖讓它響應,但我覺得它與media queries
互動太複雜了,它確實需要很多時間。有沒有什麼辦法可以讓網站響應而不需要媒體查詢
我正在尋找一種更簡單的方法來使我的網站響應。有沒有辦法讓網站響應而不使用media queries
?
我認爲沒有媒體查詢的唯一方法就是使用Javascript。
通過「JavaScript響應式佈局」搜索我發現ResponseJS這似乎免除處理媒體查詢。
還有百分比寬度,最大寬度,最小寬度和類似的css命令。
我完全同意,你可能會驚訝你能用百分比完成什麼。但我建議設置視口大小: <meta name=viewport" content="width=device-width, initial-scale=1">
使用視口標記和百分比是一個很好的開始。
您可以使用Javascript onresize和onload檢查文檔寬度並相應地更改body元素(或其他元素)上的類。
我認爲媒體查詢不太容易出錯,儘管您對查詢語法是很痛苦和耗時的。
當然,您可以讓您的網站無需媒體查詢即可響應。
不僅如此,而且您使用媒體查詢的次數越少,您的網站就越容易維護。 設計一個網站使用較少的媒體查詢是一個很好的設計目標。這可能會很棘手,但這絕對是值得的。
我強烈建議您查看css flex,但仍然可以使用浮動內嵌塊百分比。這不是太困難的聰明。
如果沒有媒體查詢,那麼你可以使用像引導框架,骨骼等 此外助焊劑等CSS和寬度,並在%
都能跟得上的高度。考慮到移動設備和平板電腦的設計需要重新設計舊網站。 – dotty 2013-03-24 17:24:37