을 감지합니다. 나는 모바일 브라우저를 검출이 java script 코드를 발견하고 지금은이 JS의 CSS 상당 있습니까 CSS내가 그런 미디어 쿼리 몇 가지 스타일을 활성화 할 수 있다는 사실을 알고 모바일 장치 브라우저뿐만 아니라 화면 너비
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) {
// some code..
}
과 같은 검사를해야합니까?
는 다음을 사용할 수
<link rel="stylesheet" type="text/css" href="mobile.css" media="handheld">
이 작거나 휴대용 기기를 대상으로합니다.
저는 ASP.NET 테마를 사용하고 있습니다. 따라서 유일한 CSS 참조는 Jquery Mobile의 CSS입니다. 내 케이스에 답변을 어떻게 적용 할 수 있습니까? –
@AntonBelev 죄송합니다. 그 대답이 없으므로 저는 asp.net과 familiair이 아닙니다. 그러나 귀하의 요구 사항은 또 다른 질문이므로,이를 위해 새로운 게시물을 작성하는 것이 가장 좋습니다. – koningdavid
미디어 쿼리를 사용할 수 있습니다. 예 : @media handheld {.myclass {width : 300px;}} – TimoSolo
"모바일"을 어떻게 정의합니까? 무엇이 7 인치, 10 인치, 20 인치 태블릿입니까? – SLaks
@SLaks이 질문을하는 이유는 무엇입니까? 현재 '@ media'는 화면 너비에 대한 검사를 제공합니다 .17 인치 태블릿 및 17 인치 PC 화면 . 내 CSS의 모바일 버전을 타블렛과 PC의 데스크탑 버전에 표시하고 싶습니다. 모바일 브라우저에 대한 CSS 검사가 있으면 적절한 스타일을 보여줄 수 있습니다. –
그게 내 포인트 야. – SLaks