반응형 웹 질문 있습니다

Question

안녕하세용.웹개발하고 있는 뉴비입니다.반응형 웹 만들 때, PC용 모바일용 크기, 길이 등등 다 구분해서 만들어야 하나요?작업량이 마구마구 늘어날 거 같아서 걱정입니다...직장에서 내부망에서 직원들끼리 쓰는 건데,디자인 잘 하겠다고 시간 너무 쓰게 되는 것도 좀 아닌거 같아서 여쭤봅니다대충 html에서 아래처럼 PC에서 만든 것을 모바일에서 작게 만들어버리는 건 안되나용?<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=0.8, maximum-scale=0.8, minimum-scale=0.8">

오늘만 · Answer

본인이 말씀하신 PC용, 모바일 용 크기, 길이 구분은 적응형이라고 부릅니다.반응형으로 하면 알아서 줄어듭니다.레이아웃이 자체 변경이 필요할 경우엔 어느정도 처리를 해줘야겠지만요.

빠른코딩 · Answer

저렇게는 안대요~

qwer1232 · Answer

특정 사이즈가 되었을때 미디어 쿼리로 다시 재구성하는거 아니면 이렇게 css를 짜면되죠 width: 100%; padding : 0 5%; display: flex; justify-content: space-between; align-items: center;어떤 디바이스든 양옆에 일정 %로 공간잡고 배치를 이렇게하든 flex:1 뭐 이런식으로 크기를 맞추든 ㅋㅋ 이러면 디바이스에 상관없이 해당 디바이스 크기만큼가져가죠

미니쿠퍼 · Answer

단순 화면 비율에 맞는 정도로 구현할지, 반응형으로 구현할지 디자인적으로 고민 중이시군요.개인적으로는 화면 용도에 따라서 작은 화면 기획 단계는 거치고 진행하시는 편이 좋을 것 같다는 의견 입니다만...직원들이 사내망에서 주로 사용하는 간단 업무 처리 용도의 프로그램인 경우,주로 PC 에서 사용하실 것 같고, 이 경우 질문자님 말씀처럼 그냥 진행하셔도 별 문제는 없을 것 같습니다.반대로 외부에서 접속이 된다던지 테스트기기에서 접속을 필요로 한다던지 하면,모바일 기기에서 주로 사용하게 될 것 같은데 이 경우 반응형으로 구현하는 것 혹은 모바일 중심 레이아웃으로 설계하는 것이 좋겠죠. 하지만 단순 기능의 경우 질문자님 말씀대로 viewport 만으로 구현된 그룹웨어도 많기 때문에 충분할 것 같습니다.더 많이 사용하시게 될 디바이스가 무엇인지에 따라서 용도에 맞게 판단해보세요.

몰랑토끼 · Answer

기기마다 다른 구조를 만듬 - 적응형기기마다 같은 구조로 스타일을 변경 - 반응형적응형은 재사용할수있는 코드가 몇 안나옵니다. 반응형할때 % 나 flex나 grid로 사용해도 레이아웃이나 간격들을 다시 맞춰야되는 경우에는 별도의 코드를 작성해야되긴해요. pc하나 만들어놓으면 모바일의 코드량은 1/3이나 1/4정도 나옵니다. 디자인이 잘나와도 코드량이 늘어날수도 있고, 안늘어날수도 있죠.

초무쿤 · Answer

그냥 css 프레임워크를 쓰시는게.

반응형 웹 질문 있습니다

6개의 답변

기술 목록