묻고답하기
메인화면에서 위젯 가로 사이즈를 반응형으로 조절하게 하고 싶습니다.
2020.03.31 14:02
메인화면이 위젯형이고,
여러 위젯들로 채워져 있는데요.
화면의 가로 사이즈에 따라서
위젯의 가로사이즈와 모양/위치 등을
변경하고 싶습니다.
예를들어
일정 사이즈 이상의 화면에서는 위젯이 50%씩 2개 들어가고
일정 사이즈 이하의 화면에서는 위젯이 100%로 하나로 들어가게 하고싶습니다.
2020.03.31 14:02
메인화면이 위젯형이고,
여러 위젯들로 채워져 있는데요.
화면의 가로 사이즈에 따라서
위젯의 가로사이즈와 모양/위치 등을
변경하고 싶습니다.
예를들어
일정 사이즈 이상의 화면에서는 위젯이 50%씩 2개 들어가고
일정 사이즈 이하의 화면에서는 위젯이 100%로 하나로 들어가게 하고싶습니다.
레이아웃에서 강제 안하고 위젯으로 하려면 좀 힘듭니다.
두가지를 명확하게 아셔야 하는데
일단 위젯설정할때 각 구역마다 class명을 넣는법을 아셔야 합니다. 이건 기본 지원이라 문제가 안될꺼고
그 다음에는
@media screen and (max-width:767px){
}
이런 미디어쿼리를 좀 이해하고 있으셔야 하고
그 다음 원하는 공간 안에
.클라스명{width:!00% !important;}
이런형태로 특정넓이 이하에서는 넓이를 강제하시면 됩니다.