pc, 모바일(노터치, 터치) 구분 스크립트
2023. 8. 16. 12:33ㆍjavaScript
// pc, 모바일 구분
const isMobile = () => {
const user = navigator.userAgent;
let isCheck = 'PC';
if ( user.indexOf("iPhone") > -1 || user.indexOf("Android") > -1 ) {
isCheck = 'MO';
}
return isCheck;
}
$(window).resize(function (){
mainNavSize();
});
function mainNavSize() {
if(isMobile() == 'PC') {
var windowWidth = $(window).width(); //요소의 너비를 반환
// 768
if(windowWidth < 769) {
// 모바일
$('main nav ul').css("width", "100%");
$('main nav ul a').css("font-size", "10px");
} else {
// pc
$('main nav ul').css("width", "");
$('main nav ul a').css("font-size", "");
}
}
}
'javaScript' 카테고리의 다른 글
이미지를 클릭했을 때 이미지 변경 (여러개) (0) | 2023.07.31 |
---|---|
오늘 날짜 출력하기 (0) | 2022.11.14 |
locomotive-scroll)스크롤 부드럽게 하기 (0) | 2022.11.08 |
smooth scrollbar.js)스크롤 부드럽게 하기 (0) | 2022.11.08 |
tab 클릭 시 css 변경 (0) | 2022.10.24 |