0

レスポンシブになるようにサイトをアップグレードしています。

現時点では、私の典型的なリンクでは、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>

ただし、解像度が500pxを超えている場合はそれが必要で、幅は90％にしたいと思います

ありがとうございました

4

1 に答える 1

1

onclick で width 変数を使用する代わりに、CSS を使用してポップアップの幅を設定できます。
幅を定義: 700px; すべてのブラウザー幅に対して、これをwidth: 90%;でオーバーライドします。ブラウザの最大幅が 500px の場合。

width 変数なしで onclick を使用します。

onclick="return hs.htmlExpand(this)"

これをページの head セクションの 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>
于 2013-02-06T15:40:53.603 に答える