html+css配置wordpress主題在小螢幕的時候隱藏側邊欄

看到標題好長啊。對於一個響應式web網站來說，很多功能都是通過 @media queries 和 Viewports 來實現哈。本站現在使用的也是html5的wordpress響應式主題。當然，還會有js來實現Responsive的，但本來就不瞭解這方面的知識，所以也就不敢描述了。

使用本主題也算是有好一段時間了，在小螢幕訪問的時候，老是看見載入了wordpress頁面側邊欄，就想把它棄掉。前段時間剛好看到了@media queries的一些東西，然後就開啟主題的style.css檔案看看。發現能改了。

下面是主題部分@media配置：

原來設定為：

 
  
  

   

    
 代碼如下
    
複製代碼
 
   
 
   

    
@media screen and (max-width: 768px) { #content, #sidebar {    float: left;     padding: 2%;    width: 96%;    display:none; }}
 
 
   
  
 
下面是通過此法禁止效果：