iOS 기기에 다른 콘텐츠 표시

Question

이것은 두 부분으로 나뉩니다. 나는 사용자가 볼 수있는 정보가있는 간단한 링크가있는 웹 사이트를 가지고 있으며, 현재는 내 제품의 iOS 앱 버전 만 가지고 있습니다. 사용자가 iOS 기기에서 링크를 볼 경우 정보를 볼 수 있도록 iOS 앱을 다운로드하도록 장려하고 사용자가 볼 수있는 일부 정보를 제한하고 싶습니다. android device 아직 Android 앱을 사용할 수 없기 때문에 필요한 모든 콘텐츠를 사용자에게 표시하고 싶습니다. 내 두 가지 질문은 다음과 같습니다.

1) 사용자가 iOS 기기를 사용하여 웹 페이지에서 볼 수있는 양을 제한 할 수 있는지 감지 할 수 있습니까?

2) 기기를 기반으로 사용자에게 다른 콘텐츠를 표시하는 것이 바람직하지 않습니까?

그런데 보안은 문제가 아닙니다. 좀 더 구체적으로 말하자면 이벤트 앱이 있고 iOS 기기의 웹 페이지에서 주소 입력란을 숨기고 싶어서 앱을 다운로드 할 확률이 높지만 Android 사용자를 완전히 제외하고 싶지는 않습니다. 심지어 내 시간 가치가 있니? 안드로이드 사용자를 모두 잊어 버려야할까요?

Answer 1

휴대 전화에 모든 것을 넣을 수 없으므로 모든 사람이 다른 콘텐츠를 표시합니다. 예를 들어 큰 테이블.

이 경우 자바 스크립트가 필요하지 않습니다.이 작업은 CSS에서만 수행 할 수 있습니다. 이 예제를 살펴보고 코드에 구현해보십시오.

HTML : 난 당신이 더 많은 정보를 찾을 수있는 소위 미디어 쿼리를 사용하고

.desktop { 
    display: block; 
} 

.phone { 
    display: none; 
} 

@media screen and (max-width: 768px) { 
    .desktop { 
     display: none; 
    } 

    .phone { 
     display: block; 
    } 
} 

<a href="desktop/link" class="desktop">Link</a> 
<a href="phone/link" class="phone">Link</a> 

CSS는 약 here

이것이 수행하는 것입니다 초기 렌더링, 크기 조정 및 회전시 브라우저가 장치 창을 열 때 미디어 쿼리 내의 규칙을 표시합니다. 너비 < = 768px. 이러한 규칙은 이전 규칙보다 우선합니다.