Html&css/사소한 팁
미디어쿼리 세팅용
현규띠
2022. 11. 5. 17:23
미디어쿼리 세팅용
세팅용
/*-------------------------------------------------------------가로 : 640px 이하 시작------------------------------------------------------------------*/
@media (max-width: 640px) {
}
/*-------------------------------------------------------------가로 : 640px 이하 시작------------------------------------------------------------------*/
/*-------------------------------------------------------------가로 : 769px 이상 960px 이하 시작------------------------------------------------------------------*/
@media (min-width: 641px) and (max-width: 768px) {
}
/*-------------------------------------------------------------가로 : 641px 이상 768px 이하 끝------------------------------------------------------------------*/
/*-------------------------------------------------------------가로 : 769px 이상 960px 이하 시작------------------------------------------------------------------*/
@media (min-width: 769px) and (max-width: 967px) {
}
/*-------------------------------------------------------------가로 : 769px 이상 967px 이하 끝------------------------------------------------------------------*/
/*-------------------------------------------------------------가로 : 968px 이상 1097px 이하 시작------------------------------------------------------------------*/
@media (min-width: 968px) and (max-width: 1098px) {
}
/*-------------------------------------------------------------가로 : 968px 이상 1097px 이하 끝------------------------------------------------------------------*/
/*-------------------------------------------------------------가로 : 1098px 이상 1281px 이하 시작------------------------------------------------------------------*/
@media (min-width: 1098px) and (max-width: 1281px) {
}
/*-------------------------------------------------------------가로 : 1098px 이상 1281px 이하 끝------------------------------------------------------------------*/
/*-------------------------------------------------------------가로 : 1282px 이상 1536px 이하 시작------------------------------------------------------------------*/
@media (min-width: 1282px) and (max-width: 1536px) {
}
/*-------------------------------------------------------------가로 : 1282px 이상 1536px 이하 끝------------------------------------------------------------------*/
/*-------------------------------------------------------------가로 : 1537px 이상 1746px 이하 시작------------------------------------------------------------------*/
@media (min-width: 1537px) and (max-width: 1746px) {
}
/*-------------------------------------------------------------가로 : 1536px 이상 1746px 이하 끝------------------------------------------------------------------*/
/*-------------------------------------------------------------가로 : 1746px 이상 1919px 이하 시작---------------------------------------------------------*/
@media (min-width: 1746px) and (max-width: 1919px) {
}
/*-------------------------------------------------------------가로 : 1800px 이상 1919px 이하 시작---------------------------------------------------------*/
/*-------------------------------------------------------------가로 : 2133px 이상 2399px 이하 끝------------------------------------------------------------------*/
@media (min-width: 1920px) and (max-width: 2132px) {
}
/*-------------------------------------------------------------가로 : 1920px 이상 2132px 이하 끝---------------------------------------------------------*/
/*-------------------------------------------------------------가로 : 2133px 이상 2399px 이하 끝------------------------------------------------------------------*/
@media (min-width: 2133px) and (max-width: 2399px) {
}
/*-------------------------------------------------------------가로 : 2133px 이상 2399px 이하 끝------------------------------------------------------------------*/
/*-------------------------------------------------------------가로 : 2400px 이상 시작------------------------------------------------------------------*/
@media (min-width: 2400px) and (max-width: 2559px) {
}
/*-------------------------------------------------------------가로 : 2400px 이상 2559px 이하 끝------------------------------------------------------------------*/
/*-------------------------------------------------------------가로 : 2560px 이상 3839px 이하 시작------------------------------------------------------*/
@media (min-width: 2560px) and (max-width: 2840px) {
}
/*-------------------------------------------------------------가로 : 2560px 이상 3839px 이하 끝------------------------------------------------------*/
/*-------------------------------------------------------------가로 : 2841px 이상 3839px 이하 시작------------------------------------------------------*/
@media (min-width: 2841px) and (max-width: 3839px) {
}
/*-------------------------------------------------------------가로 : 2841px 이상 3839px 이하 끝------------------------------------------------------*/
/*-------------------------------------------------------------가로 : 3840px 이상 5759px 이하 시작------------------------------------------------------*/
@media (min-width: 3840px) and (max-width: 5759px) {
}
/*-------------------------------------------------------------가로 : 3840px 이상 5759px 이하 끝------------------------------------------------------*/
/*-------------------------------------------------------------가로 : 5760px 이상 7679px 이하 시작------------------------------------------------------*/
@media (min-width: 5760px) and (max-width: 7679px) {
}
/*--------------------------------------------가로 : 5760px 이상 7679px 이하 끝 ------------------------------------------------------------------------ */
/*-------------------------------------------------------------가로 : 7680px 이상 10000px 이하 시작------------------------------------------------------*/
@media (min-width: 7680px) and (max-width: 10000px) {
}
/*--------------------------------------------가로 : 7680px 이상 10000px 이하 끝-------더이상 없음------------------------------------------------------------ */