在用戶授予許可後是否可以使網站響應

Question

我正在開發一個響應式網站。問題在於，我不希望網站能夠響應，直到用戶授予瀏覽響應式網站的權限纔開始採取行動。

當用戶瀏覽網站上的平板電腦，按摩或鏈接會顯示要求用戶更改爲響應使用jQuery和CSS [我能做到這部分]

我相信這是可以做到。但我不確定這是一個好方法。我需要一些指導

Answer 1

是的，你可以把所有響應的css放在一個響應的css文件中，然後簡單地詢問你的用戶是否需要響應。

如果用戶說是的，然後簡單地通過增加裁判線追加的CSS文件，瀏覽器會重新解釋包括css文件

<a onclick="makeresponsive()"> 
<script type="text/javascript"> 
function makeresponsive() 
{ 
$('head').append('<link rel="stylesheet" href="responsive.css" type="text/css" />'); 
} 
</script> 

Answer 2

你可以只添加響應的CSS文件（即包含所有@media查詢的）用戶已批准後：

if (confirm('Make responsive?')) { 
    $('head').append('<link rel="stylesheet" href="responsive.css" type="text/css" />'); 
} 

一般來說，有沒有真正的需要詢問用戶使網站響應。如果您已經正確計算了目標設備，只需應用樣式。

Answer 3

最簡單的方法可能是前綴所有響應樣式一個body.class選擇器，例如。 body.responsive。所以

@media (max-width: 600px) { 
    .sidebar { 
    display: none; 
    } 
} 

成爲

@media (max-width: 600px) { 
    body.responsive .sidebar { 
    display: none; 
    } 
} 

如果用戶希望網站響應，你responsive類添加到body元素，和你的風格生效。

$('body').addClass('responsive')