您如何制作一個沒有媒體查詢的響應式網站？
[英]How do you make a responsive site without media-queries?
問題描述
在我的一生中，如果不大量使用媒體查詢，我無法完全弄清楚該模板是如何響應的。
https://02dc74ce3e31e56a52ebcc845dca58e87283aabe.googledrive.com/host/0Bxbofwq0kd4ReUt2YWVOYmt3WVU/
有人有想法么？
我購買了此模板，但在應用它時響應性有點中斷，並且作者沒有回復電子郵件。
我不太清楚這在小屏幕上看起來如何如此優雅。
4 個解決方案
解決方案1
3 2014-09-19 05:00:57
網頁不需要使用媒體查詢來響應。 根據定義，自適應意味着元素可以適應或“響應”您的設備或屏幕尺寸，而不用使用固定或預定義的寬度/高度/排列方式，而不管查看設備如何。
您粘貼的鏈接肯定是一個“響應式”站點，它們通過允許元素具有可變的寬度（僅在容器上具有最大寬度的情況下）來實現此目的，以確保如果具有很大的寬度，它不會持續增長屏幕，因為這看起來很有趣）。
它們的方式使您的CSS代碼非常簡單，並且不受各種視口像素定義和媒體查詢的干擾。
解決方案2
2 已采納 2014-09-19 04:59:48
您可以簡單地設置max-width來防止元素寬於大屏幕上所需max-width 。 這是小提琴： http : //jsfiddle.net/ur3futxp/
解決方案3
1 2014-09-19 05:01:13
該網站使用Twitter Bootstrap使網站具有響應能力。 如果您使用Bootstrap網格系統，則默認情況下，Bootstrap可使站點使用媒體查詢進行響應。 請參考文檔http://getbootstrap.com/css/
解決方案4
1 2014-09-19 05:21:57
該網站使用的是twitter bootstrap框架，該框架旨在使該網站對所有設備都具有響應能力，而無需使用任何媒體查詢，因為它已經在其框架中預定義了所有媒體查詢，並且如果您想獲得更多響應，則必須添加您的樣式.css文件中的類，並確保它不會與twitter bootstrap預定義的類沖突，您可以通過查看此網站來做到這一點
如何在不添加更多媒體查詢的情況下使我的導航欄更具響應性？
[英]how do i make my navigation bar more responsive without added more media queries?
響應式設計-使用JavaScript和CSS更改布局（Flex和媒體查詢）
[英]Responsive design - Change layout with javascript and css (flex and media-queries)
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.