너비에 따라 row에서 column으로 바꾸는 방법
593
1 asked
안녕하세요 좋은 강의 만들어주셔서 감사드립니다.
인스타그램 만들기를 따라해보고, 화면을 줄였을 때 (닉네임 - 프로필 편집과 설정)을 row에서 column으로 바꿔보고 싶었습니다
쉬울 것 같았는데 도저히 방법을 모르겠어서 질문드립니다
class에서 row에서 column으로 너비에 따라 바꾸는 방법이 있나요?
Answer 1
0
안녕하세요 :)
첫 번째로 $q object의 screen 객체를 활용하여 row, column class를 적용할 수 있을 것 같고요~!
(참고 https://www.inflearn.com/course/lecture?courseSlug=%ED%80%98%EC%9D%B4%EC%82%AC-%EB%A7%88%EC%8A%A4%ED%84%B0-vue-%EC%9B%B9&unitId=133053&tab=curriculum)
두 번째로 인스타그램 페이지 하단 카드 UI를 반응형으로 만든 것 처럼 col-12, col-md-6과 같이 breakpoints를 활용하여 적용할 수 있을 것 같아요 :)
ComboBox 관련해서 질문 드립니다.
0
69
2
<g-page class="q-pa-xl"> 했는데도 여백 안생김
0
83
2
quasar intellisense extension 관련 문의
0
263
2
q-tab 오류 문의
0
238
1
q-upload 문의 드립니다.
0
490
1
q-input과 :rules 속성을 함께 쓸때, items-center 속성이 이상한 현상
0
309
1
Key값으로 Object 사용가능할까요?
0
230
1
npm run build 시 오류 발생합니다
0
459
1
fontawsome 사용법
0
251
1
Quasar 관련 익스텐션
0
216
1
VUE를 이용해서 프로그램 파일을 실행할수 있을까요?
0
410
1
q-input 태그 내용사라짐
0
272
1
q-input 컴포넌트 질문
0
466
1
버튼이 마음대로 크기가 바뀌어요
0
655
1
다크 모드 처리 관련하여 질문드립니다.
0
532
1
script setup 태그 유무에 따라서 페이지 출력이 안됩니다.
0
542
3
vue3 composition api (script setup) 사용 시 전역변수 접근
0
1440
1
한글 실시간 바인딩
2
2532
2
vue3 composition Api 사용시 setup 내부에서도 /src/boot에 설정한 constatns.js 값을 가져올수 있나요?
0
396
1
router.push로 이동 시, 유튜브 페이지의 컨텐츠 영역 안보이는 현상
0
464
1
validation
0
367
1
CORS 설정
0
605
1
질문 있습니다
0
334
1
Helper Classes
0
310
1