[CSS] 모바일 모드 :hover 대응
마우스의 hover가 모바일 모드에서는 터치로 인해 적용되서 남는 현상 https://url.kr/dxjguw See the Pen css hover with media query by ykwan0714 ( @ykwan0714 ) on CodePen .
글
라벨이 Mobile인 게시물 표시
[JS] 모바일 사이트로 이동 스크립트
- 공유 링크 만들기
- X
- 이메일
- 기타 앱
<script language="javascript" type="text/javascript"> //<![CDATA[ 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 = "m.com "; break; } } //]]> </script>
[JS] 모바일 플리킹
- 공유 링크 만들기
- X
- 이메일
- 기타 앱
이것 때문에 계속 머리 아프다... 일단 처리는 되었지만 괜찮은 예제가 있어서 적어 놓음. 언제 분석 해야지 [출처] http://dohoons.com/test/flick/ <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Flick Navigation</title> <link href="/test/flick/common.css" rel="stylesheet" type="text/css"></link> <style type="text/css"> h1 { font-size:16px; font-weight:bold; } h2 { margin-top:10px; text-align:center; } #touchSlider { width:100%; height:150px; margin:0 auto; background:#ccc; position:relative; overflow:hidden; } #touchSlider ul { width:99999px; height:150px; position:absolute; top:0; left:0; overflow:hidden; } #touchSlider ul li { float:left; width:100%; height:150px; background:#9C9; font-size:14px; color:#fff; } #touchSlider2 { width:200px; height:150px; margin:0 auto; background:#ccc; position:relative; overflow:hidden; } #touchSlider2 ul { width:99999px; height:150px; position:absolute; top:0; left:0; ov...