基於屏幕大小的不同滑坡事件

Question

我正在升級我們的網站，以便對其進行響應。

在我的一個典型的鏈路具有的onclick功能的硬編碼寬度的那一刻：

我用一個的例子如下：

<a href="#" onclick="return hs.htmlExpand(this, { width: 700 })"> 

<b>This is the title</b></a> 

<div class="highslide-maincontent" style="font-weight:normal"> 

This is where the content is 

</div> 

但是我想它有對於當分辨率超過500像素，在我會希望它有90％的寬度

謝謝

Answer 1

您可以設置使用CS彈出窗口的寬度S而不是在onclick中使用width變量。
定義寬度：700px;適用於所有瀏覽器寬度，並用覆蓋此寬度：90％;當瀏覽器的最大寬度爲500px。

使用一個onclick沒有寬度變量：

onclick="return hs.htmlExpand(this)" 

的highslide.css文件下在你的頁面的頭部分補充一點：

<style type="text/css" media="all"> 
.highslide-html-content { 
    width: 700px; 
} 
</style> 
<style type="text/css" media="(max-width: 500px)"> 
.highslide-html-content { 
    width: 90%; 
} 
</style>