0
내 웹 페이지를 겹치는 캔버스 html5를 사용하고 있습니다.iPhone 및 iPad에 대한 미디어 쿼리가 캔버스와 작동하지 않습니다. html5
<div id="wrapper">
<div id="copy">
<div id="text">
<p><span class="name">title</span><br>
</div><!--text-->
</div><!--copy-->
<div class="info">
<p><span class="holding">text</span></p>
</div><!--info-->
</div><!--wrapper-->
<div id="container">
<canvas id="canvasTop" width="512" height="512" onMouseDown="handleMouseDown(event)" onmousemove="handleMouseMove(event)" onMouseup="handleMouseUp(event)" onmouseout="handleMouseOut(event)"></canvas>
</div><!--container-->
미디어 쿼리를 통해 모바일 장치에서 캔버스를 숨기려고합니다.
@media screen and (max-width: 1024px){
#container {
display:none;
}
}
내 바탕 화면에 화면 크기를 조정할 때 작동, 크롬과 사파리에 모두 있지만 내 아이폰에!
나는 해결책을 찾으려고 노력했지만 운이 없었습니다.
UPDATE
미디어 쿼리는 크기 조정에 데스크탑에서 작동합니다. 창을 더 작은 크기로 조정하고 페이지를 다시로드하면 창 크기를 다시 조정할 때까지 캔버스가 표시됩니다. 나는 그 문제 때문에 그래도 난이 모바일에이를 중지하는 방법을 잘 모르겠어요 내가 자바 스크립트
window.onload = function() {
InitCanvas();
var canvas = document.getElementById("canvasTop");
$("#canvasTop").onmouseup = handleMouseUp;
$("#canvasTop").onmousedown = handleMouseDown;
$("#canvasTop").onmouseout = handleMouseOut;
$("#canvasTop").onmousemove = handleMouseMove;
}
을 통해 부하에 캔버스를 보여준다는 사실에 있음을 깨달았다.
[아이폰과 아이 패드 작동하지 미디어 쿼리]의 사용 가능한 복제 (http://stackoverflow.com/questions/14818277/media-query-not-working-for-iphone-and-ipad) – Niraj