화면 크기에 따라 여러 가지 불안정한 onclick 이벤트가 발생했습니다.

Question

Google 사이트를 업그레이드하여 반응 형입니다. 내 전형적인 링크의 onclick 함수 하드 코딩 폭 순간

:

다음 I 사용하는 하나의 예는 다음

<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> 

그러나 I 가지고 그것을하고자 해상도가 아래 500 픽셀 이상 내가 원하는 것이다 때 90 %의 폭을 가질 수 있도록

감사합니다 것을

Answer 1

당신은 CS를 사용하여 팝업의 폭을 설정할 수 있습니다 S를 사용하는 대신 onclick에서 width 변수를 사용합니다.
정의 너비 : 700px; 모든 브라우저 너비에 대해을 입력하고 너비 : 90 %로이 값을 덮어 씁니다. 브라우저의 최대 너비가 500px 인 경우

폭 변수없이 온 클릭을 사용

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>