iPad에 세로 모드로 다른 텍스트를 표시하려고합니다.jQuery로 iPad 방향에 따라 다른 텍스트 표시
데이터 속성을 사용하여 초상화 텍스트를 저장할 수 있지만 방향 변경을 감지하고 iPad에서 텍스트를 적용하려면 어떻게해야합니까?
내 마크 업은 현재 다음과 같습니다.
<h2 class="searchLink" data-landscape="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam" data-portrait="Lorem ipsum dolor sit amet, consectetur.">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam</h2>
감사
이미 미디어 쿼리를 사용하고 있습니다. 그렇다면 장치 너비에 따라 표시/숨기기 (이 경우 h2)를 제안 하시겠습니까? – webworker
물론 가능합니다. 예를 들어, Ipad에 표시하지 않으려는 요소에 대해 미디어 쿼리에'display : none'을 설정할 수 있습니다. – user1717526
DOM에 추가 마크 업을 깨끗하게 유지하고 싶습니다. 따라서 미디어 쿼리를 숨기는 것이 여기에 아주 적합하다고 생각하지 않습니다. – webworker