변경 불가능한 폭으로 모바일 적용하는 방법
본문
해외사이트에서 제공하는 내용을 자바스크립트(이하 자바내용)로 받아와서 홈페이지에 노출하려고합니다
자바내용은 폭을 변경해서 받을수 있습니다
이게 그냥 피시용 홈피는 폭에 맞춰서 넣어주면 되는데 모바일이 문제더라구요
질문1. 자바내용을 3~4개 폭을 달리해서 만들어서
해상도에 따라 선택적으로 표시 될수 있게 할려고 하는데 가능할가요?
(해상도 320일때 320폭 자바내용표시 420일때는 400폭자바내용표시 이런방식으로요)
질문2. css에 해상도별 설정이 있던데 이걸로 할경우 자바내용 표시하는 방법을 못찾겠네요
(질문1과 거의 흡사함)
질문3. 만약 방법이 있다면(1,2번이 해결된다면) 해상도는 몇가지 얼마(예 320 420 2개)
자바내용 폭은 얼마 얼마로 만드는게 가장 좋을까요
고수님들 조언을 부탁드립니다
답변 1
반응형의 기본은 @media 입니다.
아래 css 기본 트리 활용하시면됩니다.
/* 1200 이상일 경우 */
@media all and (min-width:1200px) {
}
/* 1199 ~ 992 일때 */
@media all and (max-width:1199px) and (min-width:992px) {
}
/* 991 ~ 768 일때 */
@media all and (max-width:991px) and (min-width:768px) {
}
/* 767 미만 모바일 전용 */
@media all and (max-width:767px) {
}
답변을 작성하시기 전에 로그인 해주세요.
