아무도 시키지 않았지만 html css js php까지 한번 완성되어 있는 페이지를 열심히 발전시켜보기로 했다.
1. lab news, menu가 mobile에서 제대로 보이지 않는 것 해결:
lab news의 경우는 text-align center로 바꾸고 마진을 다 없앴더니 해결.
메뉴의 경우 메뉴바를 만들어, max-width 479일때만 보이게 하고 나머지의 경우는 display: none으로 해주었다.
2. 연구실 연구 사진 쏠리는 현상 해결
사진에 붙어있는 모든 style을 없애고 mobile에서는 width 100%가 되게끔 만들어주었다.
3. todo) slideshow 사진 쏠리는 현상 해결 , 교수님 설명란 짤리는 현상 해결
..........php는 처음보고 xedition은 처음 다뤄보는데 왜이렇게 복잡하니?....
혹시 잘못 건드렸다가 페이지 날라갈까봐 걱정된다.
+) 이 글 쓰고나서 사진과 설명란 둘 다 수정.
이제 완전히 반응형이 되었다! 야호.
'Study IT > Web-App' 카테고리의 다른 글
[React] 간단한 날씨 웹앱 만들어보기 - Loading.js 와 Location (0) | 2021.04.12 |
---|---|
[React] 간단한 날씨 웹앱 만들어보기 - React Native, Expo (0) | 2021.04.04 |
[React] 간단한 웹-앱 만들기 - 기본 문법 공부 (1) (0) | 2021.02.15 |
[Node.js, React] 간단한 웹-앱 만들기 - Node.js 설치와 react (0) | 2021.02.14 |
[+] 프로젝트가 필요하다. (0) | 2021.02.12 |
댓글