CSS Media Queries與Jquery響應式解決方案？

Question

我一直在尋找有關響應式設計的很多東西，並且在服務器端和客戶端都看到了幾種實現方法，無論是使用jquery還是css媒體查詢，我都想知道如何做到最好。 但是我正在做一個大型網站，注冊用戶並可以上傳文件。 我正在考慮在索引中創建div，該div根據屏幕包含php文件，這些div具有顯示：沒有，它們僅根據屏幕大小與媒體查詢一起啟用，如下例所示：

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>

<style>

 @media screen and (min-width: 600px) {
    .600px-min{ display: block }
    .940px-min{ display: none }
 }

 @media screen and (min-width: 940px) {
    .940px-min{ display: block }
    .600px-min{ display: none }
 }

</style>

</head>
<body>
   <div class="600px-min" style="display:none">
       <? php include("contents_600px.php"); ?>
   </div>

   <div class="940px-min" style="display:none">
       <? php include("contents_940px.php"); ?>
   </div>

</body>
</html>

如果我使用CSS這樣做是否有好處？ 我只會運行div內的php腳本，這些腳本將具有正確的顯示塊？ 還是會從所有PHP腳本中下載所有html？ 還是為此使用jquery會有更多優勢？ 我對此很懶，我正在做很多研究，但是沒有很多答案！

Answer 1

CSS媒體查詢是構建響應式網站的唯一現代方法。 jQuery和服務器端解決方案已經過時了十年。

CSS Media Queries與Jquery響應式解決方案？

問題描述

1 個解決方案

解決方案1
1 已采納 2018-12-21 01:34:56

CSS Media Queries與Jquery響應式解決方案？

問題描述

1 個解決方案

解決方案1 1 已采納 2018-12-21 01:34:56

解決方案1
1 已采納 2018-12-21 01:34:56