/* 스마트폰 세로*/
@media all and (min-device-width : 360px) and (max-device-width : 640px) and (orientation : portrait) {
.quick_menu{position:fixed;z-index:999;right:0.1%;bottom:70%;width: 150px;}
html,body {width:1060px;padding-right:160px;}
}
/*태블릿 가로*/
@media all and (min-width:1024px) and (max-width:1378px) and (orientation : landscape) {
.quick_menu{position:fixed;z-index:999;right:0;bottom:15%;width: 150px;}
html,body { margin-left:20px; width:1060px;}
#jssor_3 {width:805px;}
}
/*태블릿 세로
@media all and (min-width:1024px) and (max-width:1587px) and (orientation : portrait) {
.quick_menu{position:fixed;z-index:999;right:0;bottom:40%;width: 150px;}
html,body { padding-left:20px; width:1060px; padding-right:160px;}
#jssor_3 img {width:700px;}
}
*/
/*노트북*/
@media all and (min-width:1366px){
.quick_menu{position:fixed;z-index:999;right:-1%;bottom:4%;width: 150px;}
html,body { margin:0 auto;width:100%;}
}
/*데스크탑*/
@media all and (min-width:1379px){
.quick_menu{position:fixed;z-index:999;right:13.5%;bottom:30%;width: 150px;}
}
/* 큰 모니터 : */
@media all and (min-width : 1824px) {
.quick_menu{position:fixed;z-index:999;right:13.5%;bottom:30%;width: 150px;}
}
이런식으로 사용하니까 잘 되는듯..
미디어 쿼리는 공부 좀 더 해야할듯.. 사용하니까 유용하네요~