김황중기본이 부족하다보니
작업하다가 간혹 막히네요....
사이트가 pc와 모바일 페이지가 따로 만든것은 아니다보니
로딩시의 문제가 웹폰트 사용시인데요.
웹폰트를 배제하기 위하여
상단의 top파일만을
모바일용 css와 pc용 css를 분리시켜 적용시킬려 하는데
이런경우 어떻게 스타일 스트를 인식 시켜야 할까요?
물론 검색 결과는....
미디어쿼리나 소스를 분기하여 로딩 시키면 된다고 하는데
영 뭔말인지 이해불가네요....
인터넷 페이지야 php로 되어 있어서
if end로 하면 될꺼 같기도 한데 영 헛갈리네요......
- by inoree.com -
1. 미디어 쿼리는 검색하면 많이 나오니 Pass, 그러나 요새 스마트폰 좋은 애들은 해상도가 높아서 데스크탑처럼 보일 수가 있습니다.
2. 다음의 방법을 이용(이것도 많이 나오긴 합니다)
<script type="text/javascript">
var mobileKeyWords = new Array('iPhone', 'iPod', 'BlackBerry', 'Android', 'Windows CE', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson'); // 기기가 계속 추가가 되겠지요
for (var word in mobileKeyWords){
if (navigator.userAgent.match(mobileKeyWords[word]) != null){
//조건 입력 (아래 예시)
location.href = " "; // 전용 모바일 페이지(TOP부분만 바뀐)로 이동(이 타겟 사이트에 CSS별도 적용)
break;
}
}
여러가지 방법이 많을 것 같습니다.