Error: INSERT INTO `kin_1_1040202` (subject, seo_subject, content, page, description, og_image, time) VALUES ('resize로 모바일에서 기능이 안됩니다..', 'resize%EB%A1%9C+%EB%AA%A8%EB%B0%94%EC%9D%BC%EC%97%90%EC%84%9C+%EA%B8%B0%EB%8A%A5%EC%9D%B4+%EC%95%88%EB%90%A9%EB%8B%88%EB%8B%A4..', '
\n \n \n
\n
\n$(window).resize(function(){ \n
\n
\n        var width = window.innerWidth;\n
\n
\n        if (width > 1150) {  // 다바이스 크기가 1400이상일때\n
\n
\n            console.log(\"이건 와웅 데스크탑용 이넹!\")\n
\n
           
\n
\n            $(\'.every_m_btn\').trigger(\"click\")\n
\n
           
\n
                   
\n
\n        /* 스크립트내용*/ \n
\n
\n            $(\'.hs_1\').click(function(){\n
\n
\n                $(\'.hs_1\').css(\'color\', \'#ee791c\')\n
\n
\n                $(\'.hs_b\').not(\'.hs_1\').css(\'color\', \'#ddd\')\n
\n
               
\n
\n                 $(\'.his_shorts_button\').css(\'top\', \'185px\')\n
\n
\n                 $(\'.his_sb_title\').css(\'top\', \'135px\')\n
\n
\n                 $(\'#h_1\').css({display: \'flex\',});\n
\n
\n                 $(\'.his_box\').not(\'#h_1\').css({display: \'none\',});\n
\n
\n                 $(\'.his_total_box\').css(\'height\', \'650px\')\n
\n
\n                 $(\'.every_btn\').css({backgroundColor: \'#ddd\', color: \'#999\'})\n
\n
\n            })\n
\n
\n            $(\'.hs_2\').click(function(){\n
\n
\n                $(\'.hs_2\').css(\'color\', \'#ee791c\')\n
\n
\n                $(\'.hs_b\').not(\'.hs_2\').css(\'color\', \'#ddd\')\n
\n
\n                $(\'#h_2\').css({display: \'flex\',});\n
\n
\n                $(\'.his_box\').not(\'#h_2\').css({display: \'none\',});\n
\n
\n                $(\'.his_total_box\').css(\'height\', \'450px\')\n
\n
               
\n
\n                $(\'.every_btn\').css({backgroundColor: \'#ddd\', color: \'#999\'})\n
\n
\n            })\n
\n
\n            $(\'.hs_3\').click(function(){\n
\n
\n                $(\'.hs_3\').css(\'color\', \'#ee791c\')\n
\n
\n                $(\'.hs_b\').not(\'.hs_3\').css(\'color\', \'#ddd\')\n
\n
\n                $(\'#h_3\').css({display: \'flex\',});\n
\n
\n                $(\'.his_box\').not(\'#h_3\').css({display: \'none\',});\n
\n
\n                $(\'.his_total_box\').css(\'height\', \'450px\')\n
\n
               
\n
\n                $(\'.every_btn\').css({backgroundColor: \'#ddd\', color: \'#999\'})\n
\n
\n            })
\n
\n
       
\n
\n        } \n
\n
\n        else if (1500 < width > 900) {\n
\n
\n            console.log(\"이건 900 큼\")\n
\n
\n            $(\'.his_box\').css({display: \'flex\'})\n
\n
\n            $(\'.his_total_box\').css(\'height\', \'5140px\')\n
\n
\n            $(\'.every_m_btn\').trigger(\"click\")\n
\n
       
\n
                       
\n
\n            $(\'.every_m_btn\').on(\"click\", function(){\n
\n
\n                $(\'.his_box\').css({display: \'flex\'})\n
\n
\n                $(\'.his_total_box\').css(\'height\', \'5140px\')\n
\n
           
\n
\n                $(\'.every_m_btn\').css({backgroundColor: \'#ee791c\', color: \'#fff\'})\n
\n
\n                $(\'.hs_b\').css({color:\'#ddd\'})\n
\n
\n                console.log(\'전체보기 모바일 클릭 확인 되었습니다.\')\n
\n
\n                $(\".his_shorts_button\").scrollLeft(0);\n
\n
\n            })\n
\n
\n        /* 스크립트내용*/ \n
\n
\n            $(\'.hs_1\').click(function(){\n
\n
\n                $(\'.hs_1\').css(\'color\', \'#ee791c\')\n
\n
\n                $(\'.hs_b\').not(\'.hs_1\').css(\'color\', \'#ddd\')\n
\n
\n                $(\'#h_1\').css({display: \'flex\',});\n
\n
\n                $(\'.his_box\').not(\'#h_1\').css({display: \'none\',});\n
\n
\n                $(\'.his_total_box\').css(\'height\', \'600px\')\n
\n
\n                $(\'.every_m_btn\').css({backgroundColor: \'#ddd\', color: \'#999\'})\n
\n
       
\n
\n            })\n
\n
\n            $(\'.hs_2\').click(function(){\n
\n
\n                $(\'.hs_2\').css(\'color\', \'#ee791c\')\n
\n
\n                $(\'.hs_b\').not(\'.hs_2\').css(\'color\', \'#ddd\')\n
\n
\n                $(\'#h_2\').css({display: \'flex\',});\n
\n
\n                $(\'.his_box\').not(\'#h_2\').css({display: \'none\',});\n
\n
\n                $(\'.his_total_box\').css(\'height\', \'400px\')\n
\n
\n                $(\'#h_1\').css({display: \'none\',});\n
\n
\n                $(\'.every_m_btn\').css({backgroundColor: \'#ddd\', color: \'#999\'})\n
\n
\n            })\n
\n
\n            $(\'.hs_3\').click(function(){\n
\n
\n                $(\'.hs_3\').css(\'color\', \'#ee791c\')\n
\n
\n                $(\'.hs_b\').not(\'.hs_3\').css(\'color\', \'#ddd\')\n
\n
\n                $(\'#h_3\').css({display: \'flex\',});\n
\n
\n                $(\'.his_box\').not(\'#h_3\').css({display: \'none\',});\n
\n
\n                $(\'.his_total_box\').css(\'height\', \'400px\')\n
\n
\n                $(\'#h_1\').css({display: \'none\',});\n
\n
\n                $(\'.every_m_btn\').css({backgroundColor: \'#ddd\', color: \'#999\'})\n
\n
\n            })\n
\n
       
\n
\n        }\n
\n
\n        else if (900 < width >= 380) {\n
\n
\n            console.log(\"이건 380보다 큼\")\n
\n
\n            $(\'.every_m_btn\').trigger(\"click\")\n
\n
\n            $(\'.every_m_btn\').on(\"click\", function(){\n
\n
\n                $(\'.his_box\').css({display: \'flex\'})\n
\n
\n                $(\'.his_total_box\').css(\'height\', \'5140px\')\n
\n
           
\n
\n                $(\'.every_m_btn\').css({backgroundColor: \'#ee791c\', color: \'#fff\'})\n
\n
\n                $(\'.hs_b\').css({color:\'#ddd\'})\n
\n
\n                console.log(\'전체보기 모바일 클릭 확인 되었습니다.\')\n
\n
\n                $(\".his_shorts_button\").scrollLeft(0);\n
\n
\n            })\n
\n
       
\n
\n        /* 스크립트내용*/ \n
\n
\n            $(\'.hs_1\').click(function(){\n
\n
\n                $(\'.hs_1\').css(\'color\', \'#ee791c\')\n
\n
\n                $(\'.hs_b\').not(\'.hs_1\').css(\'color\', \'#ddd\')\n
\n
\n                $(\'#h_1\').css({display: \'flex\',});\n
\n
\n                $(\'.his_box\').not(\'#h_1\').css({display: \'none\',});\n
\n
               
\n
\n                $(\'.his_total_box\').css(\'height\', \'550px\')\n
\n
               
\n
\n                $(\'.every_m_btn\').css({backgroundColor: \'#ddd\', color: \'#999\'})\n
\n
       
\n
\n            })\n
\n
\n            $(\'.hs_2\').click(function(){\n
\n
\n                $(\'.hs_2\').css(\'color\', \'#ee791c\')\n
\n
\n                $(\'.hs_b\').not(\'.hs_2\').css(\'color\', \'#ddd\')\n
\n
\n                $(\'#h_2\').css({display: \'flex\',});\n
\n
\n                $(\'.his_box\').not(\'#h_2\').css({display: \'none\',});\n
\n
\n                $(\'.his_total_box\').css(\'height\', \'350px\')\n
\n
\n                $(\'#h_1\').css({display: \'none\',});\n
\n
               
\n
\n                $(\'.every_m_btn\').css({backgroundColor: \'#ddd\', color: \'#999\'})\n
\n
\n            })\n
\n
\n            $(\'.hs_3\').click(function(){\n
\n
\n                $(\'.hs_3\').css(\'color\', \'#ee791c\')\n
\n
\n                $(\'.hs_b\').not(\'.hs_3\').css(\'color\', \'#ddd\')\n
\n
\n                $(\'#h_3\').css({display: \'flex\',});\n
\n
\n                $(\'.his_box\').not(\'#h_3\').css({display: \'none\',});\n
\n
\n                $(\'.his_total_box\').css(\'height\', \'350px\')\n
\n
\n                $(\'#h_1\').css({display: \'none\',});\n
\n
               
\n
\n                $(\'.every_m_btn\').css({backgroundColor: \'#ddd\', color: \'#999\'})\n
\n
\n            })\n
\n
\n        }\n
\n
\n        else if (width < 380)  {\n
\n
\n            console.log(\"이건 380보다 작음\")\n
\n
\n            $(\'.every_m_btn\').trigger(\"click\")\n
\n
\n            $(\'.every_m_btn\').on(\"click\", function(){\n
\n
\n                $(\'.his_box\').css({display: \'flex\'})\n
\n
\n                $(\'.his_total_box\').css(\'height\', \'5140px\')\n
\n
           
\n
\n                $(\'.every_m_btn\').css({backgroundColor: \'#ee791c\', color: \'#fff\'})\n
\n
\n                $(\'.hs_b\').css({color:\'#ddd\'})\n
\n
\n                console.log(\'전체보기 모바일 클릭 확인 되었습니다.\')\n
\n
\n                $(\".his_shorts_button\").scrollLeft(0);\n
\n
\n            })\n
\n
\n            $(\'.hs_1\').click(function(){\n
\n
\n                $(\'.hs_1\').css(\'color\', \'#ee791c\')\n
\n
\n                $(\'.hs_b\').not(\'.hs_1\').css(\'color\', \'#ddd\')\n
\n
\n                $(\'#h_1\').css({display: \'flex\',});\n
\n
\n                $(\'.his_box\').not(\'#h_1\').css({display: \'none\',});\n
\n
\n                $(\'.his_total_box\').css(\'height\', \'400px\')\n
\n
\n                $(\'#h_1\').addClass(\"m_active_display\");\n
\n
\n                $(\'.his_box\').not(\'#h_1\').removeClass(\"m_active_display\");\n
\n
               
\n
\n                $(\'.every_m_btn\').css({backgroundColor: \'#ddd\', color: \'#999\'})\n
\n
\n            })\n
\n
\n            $(\'.hs_2\').click(function(){\n
\n
               
\n
\n                $(\'.hs_2\').css(\'color\', \'#ee791c\')\n
\n
\n                $(\'.hs_b\').not(\'.hs_2\').css(\'color\', \'#ddd\')\n
\n
\n                $(\'#h_2\').css({display: \'flex\',});\n
\n
\n                $(\'.his_box\').not(\'#h_2\').css({display: \'none\',});\n
\n
\n                $(\'.his_total_box\').css(\'height\', \'400px\')\n
\n
\n                $(\'#h_2\').addClass(\"m_active_display\");\n
\n
\n                $(\'.his_box\').not(\'#h_2\').removeClass(\"m_active_display\");\n
\n
               
\n
\n                $(\'.every_m_btn\').css({backgroundColor: \'#ddd\', color: \'#999\'})\n
\n
\n            })\n
\n
\n        }\n
\n
       
\n
\n    }).resize(); \n
\n

\n

\n

\n

\n
\n
\n
resize로 데스크 화면 사이즈에서 모바일 사이즈 등의 css, 기능 했는데
\n
모바일로 보면 기능이 안되요.. 화면 사이즈를 줄일때는 괜찮은데..
\n
어떻게 하면 괜찮을 까요?
\n
\n \n\n \n \n \n \n\n \n \n\n \n \n \n
', '1_1040202_440903491', ' $(window).resize(function(){         var width = window.innerWidth;         if (width > 1150) {  // 다바이스 크기가 1400이상일때             console.log(\"이건 와웅 데스크탑용 이넹!\")                         $(\'.every_m_btn\').trigger(\"click\")                                         /* 스크립트내용*/             $(\'.hs_1\').click(function(){                 $(\'.hs_1\').css(\'color\', \'#ee791c\')                 $(\'.hs_b\').not(\'.hs_1\').css(\'color\', \'#ddd\')                                  $(\'.his_shorts_button\').css(\'top\', \'185px\')                  $(\'.his_sb_title\').css(\'top\', \'135px\')                  $(\'#h_1\').css({display: \'flex\',});                  $(\'.his_box\').not(\'#h_1\').css({display: \'none\',});                  $(\'.his_total_box\').css(\'height\', \'650px\')                  $(\'.every_btn\').css({backgroundColor: \'#ddd\', color: \'#999\'})             })             $(\'.hs_2\').click(function(){                 $(\'.hs_2\').css(\'color\', \'#ee791c\')                 $(\'.hs_b\').not(\'.hs_2\').css(\'color\', \'#ddd\')                 $(\'#h_2\').css({display: \'flex\',});                 $(\'.his_box\').not(\'#h_2\').css({display: \'none\',});                 $(\'.his_total_box\').css(\'height\', \'450px\')                                 $(\'.every_btn\').css({backgroundColor: \'#ddd\', color: \'#999\'})             })             $(\'.hs_3\').click(function(){                 $(\'.hs_3\').css(\'color\', \'#ee791c\')                 $(\'.hs_b\').not(\'.hs_3\').css(\'color\', \'#ddd\')                 $(\'#h_3\').css({display: \'flex\',});                 $(\'.his_box\').not(\'#h_3\').css({display: \'none\',});                 $(\'.his_total_box\').css(\'height\', \'450px\')                                 $(\'.every_btn\').css({backgroundColor: \'#ddd\', color: \'#999\'})             })                 }         else if (1500 < width > 900) {             console.log(\"이건 900 큼\")             $(\'.his_box\').css({display: \'flex\'})             $(\'.his_total_box\').css(\'height\', \'5140px\')             $(\'.every_m_btn\').trigger(\"click\")                                             $(\'.every_m_btn\').on(\"click\", function(){                 $(\'.his_box\').css({display: \'flex\'})                 $(\'.his_total_box\').css(\'height\', \'5140px\')                             $(\'.every_m_btn\').css({backgroundColor: \'#ee791c\', color: \'#fff\'})                 $(\'.hs_b\').css({color:\'#ddd\'})                 console.log(\'전체보기 모바일 클릭 확인 되었습니다.\')                 $(\".his_shorts_button\").scrollLeft(0);             })         /* 스크립트내용*/             $(\'.hs_1\').click(function(){                 $(\'.hs_1\').css(\'color\', \'#ee791c\')                 $(\'.hs_b\').not(\'.hs_1\').css(\'color\', \'#ddd\')                 $(\'#h_1\').css({display: \'flex\',});                 $(\'.his_box\').not(\'#h_1\').css({display: \'none\',});                 $(\'.his_total_box\').css(\'height\', \'600px\')                 $(\'.every_m_btn\').css({backgroundColor: \'#ddd\', color: \'#999\'})                     })             $(\'.hs_2\').click(function(){                 $(\'.hs_2\').css(\'color\', \'#ee791c\')                 $(\'.hs_b\').not(\'.hs_2\').css(\'color\', \'#ddd\')                 $(\'#h_2\').css({display: \'flex\',});                 $(\'.his_box\').not(\'#h_2\').css({display: \'none\',});                 $(\'.his_total_box\').css(\'height\', \'400px\')                 $(\'#h_1\').css({display: \'none\',});                 $(\'.every_m_btn\').css({backgroundColor: \'#ddd\', color: \'#999\'})             })             $(\'.hs_3\').click(function(){                 $(\'.hs_3\').css(\'color\', \'#ee791c\')                 $(\'.hs_b\').not(\'.hs_3\').css(\'color\', \'#ddd\')                 $(\'#h_3\').css({display: \'flex\',});                 $(\'.his_box\').not(\'#h_3\').css({display: \'none\',});                 $(\'.his_total_box\').css(\'height\', \'400px\')                 $(\'#h_1\').css({display: \'none\',});                 $(\'.every_m_btn\').css({backgroundColor: \'#ddd\', color: \'#999\'})             })                 }         else if (900 < width >= 380) {             console.log(\"이건 380보다 큼\")             $(\'.every_m_btn\').trigger(\"click\")             $(\'.every_m_btn\').on(\"click\", function(){                 $(\'.his_box\').css({display: \'flex\'})                 $(\'.his_total_box\').css(\'height\', \'5140px\')                             $(\'.every_m_btn\').css({backgroundColor: \'#ee791c\', color: \'#fff\'})                 $(\'.hs_b\').css({color:\'#ddd\'})                 console.log(\'전체보기 모바일 클릭 확인 되었습니다.\')                 $(\".his_shorts_button\").scrollLeft(0);             })                 /* 스크립트내용*/             $(\'.hs_1\').click(function(){                 $(\'.hs_1\').css(\'color\', \'#ee791c\')                 $(\'.hs_b\').not(\'.hs_1\').css(\'color\', \'#ddd\')                 $(\'#h_1\').css({display: \'flex\',});                 $(\'.his_box\').not(\'#h_1\').css({display: \'none\',});                                 $(\'.his_total_box\').css(\'height\', \'550px\')                                 $(\'.every_m_btn\').css({backgroundColor: \'#ddd\', color: \'#999\'})                     })             $(\'.hs_2\').click(function(){                 $(\'.hs_2\').css(\'color\', \'#ee791c\')                 $(\'.hs_b\').not(\'.hs_2\').css(\'color\', \'#ddd\')                 $(\'#h_2\').css({display: \'flex\',});                 $(\'.his_box\').not(\'#h_2\').css({display: \'none\',});                 $(\'.his_total_box\').css(\'height\', \'350px\')                 $(\'#h_1\').css({display: \'none\',});                                 $(\'.every_m_btn\').css({backgroundColor: \'#ddd\', color: \'#999\'})             })             $(\'.hs_3\').click(function(){                 $(\'.hs_3\').css(\'color\', \'#ee791c\')                 $(\'.hs_b\').not(\'.hs_3\').css(\'color\', \'#ddd\')                 $(\'#h_3\').css({display: \'flex\',});                 $(\'.his_box\').not(\'#h_3\').css({display: \'none\',});                 $(\'.his_total_box\').css(\'height\', \'350px\')                 $(\'#h_1\').css({display: \'none\',});                                 $(\'.every_m_btn\').css({backgroundColor: \'#ddd\', color: \'#999\'})             })         }         else if (width < 380)  {             console.log(\"이건 380보다 작음\")             $(\'.every_m_btn\').trigger(\"click\")             $(\'.every_m_btn\').on(\"click\", function(){                 $(\'.his_box\').css({display: \'flex\'})                 $(\'.his_total_box\').css(\'height\', \'5140px\')                             $(\'.every_m_btn\').css({backgroundColor: \'#ee791c\', color: \'#fff\'})                 $(\'.hs_b\').css({color:\'#ddd\'})                 console.log(\'전체보기 모바일 클릭 확인 되었습니다.\')                 $(\".his_shorts_button\").scrollLeft(0);             })             $(\'.hs_1\').click(function(){                 $(\'.hs_1\').css(\'color\', \'#ee791c\')                 $(\'.hs_b\').not(\'.hs_1\').css(\'color\', \'#ddd\')                 $(\'#h_1\').css({display: \'flex\',});                 $(\'.his_box\').not(\'#h_1\').css({display: \'none\',});                 $(\'.his_total_box\').css(\'height\', \'400px\')                 $(\'#h_1\').addClass(\"m_active_display\");                 $(\'.his_box\').not(\'#h_1\').removeClass(\"m_active_display\");                                 $(\'.every_m_btn\').css({backgroundColor: \'#ddd\', color: \'#999\'})             })             $(\'.hs_2\').click(function(){                                 $(\'.hs_2\').css(\'color\', \'#ee791c\')                 $(\'.hs_b\').not(\'.hs_2\').css(\'color\', \'#ddd\')                 $(\'#h_2\').css({display: \'flex\',});                 $(\'.his_box\').not(\'#h_2\').css({display: \'none\',});                 $(\'.his_total_box\').css(\'height\', \'400px\')                 $(\'#h_2\').addClass(\"m_active_display\");                 $(\'.his_box\').not(\'#h_2\').removeClass(\"m_active_display\");                                 $(\'.every_m_btn\').css({backgroundColor: \'#ddd\', color: \'#999\'})             })         }             }).resize(); resize로 데스크 화면 사이즈에서 모바일 사이즈 등의 css, 기능 했는데 모바일로 보면 기능이 안되요.. 화면 사이즈를 줄일때는 괜찮은데.. 어떻게 하면 괜찮을 까요? ', 'https://cboard.net/sitemap/og_image.php?text=resize로 모바일에서 기능이 안됩니다..&link=https://cboard.net/k/1_1040202_440903491', '2023.03.04')
Data too long for column 'content' at row 1 resize로 모바일에서 기능이 안됩니다..

resize로 모바일에서 기능이 안됩니다..

본문 바로가기

resize로 모바일에서 기능이 안됩니다..

작성일 2023.03.04댓글 1건
    게시물 수정 , 삭제는 로그인 필요

$(window).resize(function(){
        var width = window.innerWidth;
        if (width > 1150) {  // 다바이스 크기가 1400이상일때
            console.log("이건 와웅 데스크탑용 이넹!")
           
            $('.every_m_btn').trigger("click")
           
                   
        /* 스크립트내용*/
            $('.hs_1').click(function(){
                $('.hs_1').css('color', '#ee791c')
                $('.hs_b').not('.hs_1').css('color', '#ddd')
               
                 $('.his_shorts_button').css('top', '185px')
                 $('.his_sb_title').css('top', '135px')
                 $('#h_1').css({display: 'flex',});
                 $('.his_box').not('#h_1').css({display: 'none',});
                 $('.his_total_box').css('height', '650px')

                 $('.every_btn').css({backgroundColor: '#ddd', color: '#999'})
            })
            $('.hs_2').click(function(){
                $('.hs_2').css('color', '#ee791c')
                $('.hs_b').not('.hs_2').css('color', '#ddd')

                $('#h_2').css({display: 'flex',});
                $('.his_box').not('#h_2').css({display: 'none',});
                $('.his_total_box').css('height', '450px')
               
                $('.every_btn').css({backgroundColor: '#ddd', color: '#999'})
            })
            $('.hs_3').click(function(){
                $('.hs_3').css('color', '#ee791c')
                $('.hs_b').not('.hs_3').css('color', '#ddd')
                $('#h_3').css({display: 'flex',});
                $('.his_box').not('#h_3').css({display: 'none',});
                $('.his_total_box').css('height', '450px')
               
                $('.every_btn').css({backgroundColor: '#ddd', color: '#999'})
            })

       
        }
        else if (1500 < width > 900) {
            console.log("이건 900 큼")
            $('.his_box').css({display: 'flex'})
            $('.his_total_box').css('height', '5140px')
            $('.every_m_btn').trigger("click")
       
                       
            $('.every_m_btn').on("click", function(){
                $('.his_box').css({display: 'flex'})
                $('.his_total_box').css('height', '5140px')
           
                $('.every_m_btn').css({backgroundColor: '#ee791c', color: '#fff'})
                $('.hs_b').css({color:'#ddd'})
                console.log('전체보기 모바일 클릭 확인 되었습니다.')
                $(".his_shorts_button").scrollLeft(0);
            })
        /* 스크립트내용*/

            $('.hs_1').click(function(){
                $('.hs_1').css('color', '#ee791c')
                $('.hs_b').not('.hs_1').css('color', '#ddd')
                $('#h_1').css({display: 'flex',});
                $('.his_box').not('#h_1').css({display: 'none',});
                $('.his_total_box').css('height', '600px')

                $('.every_m_btn').css({backgroundColor: '#ddd', color: '#999'})
       
            })
            $('.hs_2').click(function(){
                $('.hs_2').css('color', '#ee791c')
                $('.hs_b').not('.hs_2').css('color', '#ddd')
                $('#h_2').css({display: 'flex',});
                $('.his_box').not('#h_2').css({display: 'none',});
                $('.his_total_box').css('height', '400px')

                $('#h_1').css({display: 'none',});
                $('.every_m_btn').css({backgroundColor: '#ddd', color: '#999'})

            })
            $('.hs_3').click(function(){
                $('.hs_3').css('color', '#ee791c')
                $('.hs_b').not('.hs_3').css('color', '#ddd')
                $('#h_3').css({display: 'flex',});
                $('.his_box').not('#h_3').css({display: 'none',});
                $('.his_total_box').css('height', '400px')

                $('#h_1').css({display: 'none',});
                $('.every_m_btn').css({backgroundColor: '#ddd', color: '#999'})
            })
       
        }
        else if (900 < width >= 380) {
            console.log("이건 380보다 큼")
            $('.every_m_btn').trigger("click")

            $('.every_m_btn').on("click", function(){
                $('.his_box').css({display: 'flex'})
                $('.his_total_box').css('height', '5140px')
           
                $('.every_m_btn').css({backgroundColor: '#ee791c', color: '#fff'})
                $('.hs_b').css({color:'#ddd'})
                console.log('전체보기 모바일 클릭 확인 되었습니다.')
                $(".his_shorts_button").scrollLeft(0);
            })
       
        /* 스크립트내용*/

            $('.hs_1').click(function(){
                $('.hs_1').css('color', '#ee791c')
                $('.hs_b').not('.hs_1').css('color', '#ddd')
                $('#h_1').css({display: 'flex',});
                $('.his_box').not('#h_1').css({display: 'none',});
               
                $('.his_total_box').css('height', '550px')
               
                $('.every_m_btn').css({backgroundColor: '#ddd', color: '#999'})
       
            })
            $('.hs_2').click(function(){
                $('.hs_2').css('color', '#ee791c')
                $('.hs_b').not('.hs_2').css('color', '#ddd')
                $('#h_2').css({display: 'flex',});
                $('.his_box').not('#h_2').css({display: 'none',});
                $('.his_total_box').css('height', '350px')

                $('#h_1').css({display: 'none',});
               
                $('.every_m_btn').css({backgroundColor: '#ddd', color: '#999'})
            })
            $('.hs_3').click(function(){
                $('.hs_3').css('color', '#ee791c')
                $('.hs_b').not('.hs_3').css('color', '#ddd')
                $('#h_3').css({display: 'flex',});
                $('.his_box').not('#h_3').css({display: 'none',});
                $('.his_total_box').css('height', '350px')

                $('#h_1').css({display: 'none',});
               
                $('.every_m_btn').css({backgroundColor: '#ddd', color: '#999'})
            })
        }
        else if (width < 380)  {
            console.log("이건 380보다 작음")
            $('.every_m_btn').trigger("click")
            $('.every_m_btn').on("click", function(){
                $('.his_box').css({display: 'flex'})
                $('.his_total_box').css('height', '5140px')
           
                $('.every_m_btn').css({backgroundColor: '#ee791c', color: '#fff'})
                $('.hs_b').css({color:'#ddd'})
                console.log('전체보기 모바일 클릭 확인 되었습니다.')
                $(".his_shorts_button").scrollLeft(0);
            })
            $('.hs_1').click(function(){
                $('.hs_1').css('color', '#ee791c')
                $('.hs_b').not('.hs_1').css('color', '#ddd')
                $('#h_1').css({display: 'flex',});
                $('.his_box').not('#h_1').css({display: 'none',});

                $('.his_total_box').css('height', '400px')

                $('#h_1').addClass("m_active_display");
                $('.his_box').not('#h_1').removeClass("m_active_display");
               
                $('.every_m_btn').css({backgroundColor: '#ddd', color: '#999'})
            })
            $('.hs_2').click(function(){
               
                $('.hs_2').css('color', '#ee791c')
                $('.hs_b').not('.hs_2').css('color', '#ddd')
                $('#h_2').css({display: 'flex',});
                $('.his_box').not('#h_2').css({display: 'none',});

                $('.his_total_box').css('height', '400px')

                $('#h_2').addClass("m_active_display");
                $('.his_box').not('#h_2').removeClass("m_active_display");
               
                $('.every_m_btn').css({backgroundColor: '#ddd', color: '#999'})
            })
        }
       
    }).resize();




resize로 데스크 화면 사이즈에서 모바일 사이즈 등의 css, 기능 했는데
모바일로 보면 기능이 안되요.. 화면 사이즈를 줄일때는 괜찮은데..
어떻게 하면 괜찮을 까요?



profile_image 익명 작성일 -

오류: else if (1500 < width > 900) {

해결방법: else if (1500 > width && 900 < width) {

​

오류: else if (900 < width >= 380)

해결방법: else if (900 > width && 380 <= width)

연관된 질문 답변 리스트

메모리 카드의 쓰임이요...

... 다양한 모바일 제품에서 응용되는 이유는... Type1과 Type2는 기능과, 장, 단점이 동일합니다.... 호환이 안됩니다. 메모리 스틱은 다른...

모든 게임사, 게임 이름 가르쳐주세요.

... (11) 모바일 포스 (3) 모터시티 온라인 (3) 모터크로스 매드니스 2 (3) 모토 GP (7) 모토크로스 매니아 (1) 몬스터 팜 (1) 무라쿠모 (6) 무인도 이야기 (8) 무크 온라인 (3)...

게임 이름들

... (11) 모바일 포스 (3) 모터시티 온라인 (3) 모터크로스 매드니스 2 (3) 모토 GP (7) 모토크로스 매니아 (1) 몬스터 팜 (1) 무라쿠모 (6) 무인도 이야기 (8) 무크 온라인 (3)...

게임 추천

... (11) 모바일 포스 (3) 모터시티 온라인 (3) 모터크로스 매드니스 2 (3) 모토 GP (7) 모토크로스 매니아 (1) 몬스터 팜 (1) 무라쿠모 (6) 무인도 이야기 (8) 무크 온라인 (3)...

재미있는게임

... (11) 모바일 포스 (3) 모터시티 온라인 (3) 모터크로스 매드니스 2 (3) 모토 GP (7) 모토크로스 매니아 (1) 몬스터 팜 (1) 무라쿠모 (6) 무인도 이야기 (8) 무크 온라인 (3)...

게임 이름대기

... (11) 모바일 포스 (3) 모터시티 온라인 (3) 모터크로스 매드니스 2 (3) 모토 GP (7) 모토크로스 매니아 (1) 몬스터 팜 (1) 무라쿠모 (6) 무인도 이야기 (8) 무크 온라인 (3)...

음악(고전시대 악기 정보)

... (11) 모바일 포스 (3) 모터시티 온라인 (3) 모터크로스 매드니스 2 (3) 모토 GP (7) 모토크로스 매니아 (1) 몬스터 팜 (1) 무라쿠모 (6) 무인도 이야기 (8) 무크 온라인 (3)...

게임이름 몽땅 적어주세요 (내공 100)

... (11) 모바일 포스 (3) 모터시티 온라인 (3) 모터크로스 매드니스 2 (3) 모토 GP (7) 모토크로스 매니아 (1) 몬스터 팜 (1) 무라쿠모 (6) 무인도 이야기 (8) 무크 온라인 (3)...

요즘 할만한 게임요

... (11) 모바일 포스 (3) 모터시티 온라인 (3) 모터크로스 매드니스 2 (3) 모토 GP (7) 모토크로스 매니아 (1) 몬스터 팜 (1) 무라쿠모 (6) 무인도 이야기 (8) 무크 온라인 (3)...