미디어쿼리 질문요~ 정보
디자이너 미디어쿼리 질문요~본문
네이버 같은 사이트를 PC에 있는 인터넷 익스플로러나 크롬으로 접속하면 반응형 조건이 해당이 안되지만
모바일이나 태블릿으로 접속 했을 때는 화면에 맞게 적용되게 할 수 있나요?
respond.js를 구해서 심었는데도 IE8에는 스타일이 아예 먹지도 않고, 크롬으로 접속하니 스타일은 먹는데 PC화면에서 줄이니까 얘가 반응형으로 작동이 되더라구요.
두서가 없었는데요
1.피시접속 말고 모바일이나 태블릿으로 접속 했을때만 각 기기 화면에 맞게 출력되는 것이 어떻게 가능한지
2.IE8에 CSS를 먹게 할 수 있는 방법이 있는지
궁금합니다. ㅠㅠㅠㅠㅠ
추천
0 비추천
0
0 비추천
0
댓글 8개
http://sir.co.kr/qa/
이쪽에 질문하시면 더 많은 분들이 보실 수 있어요 !! ^^
이쪽에 질문하시면 더 많은 분들이 보실 수 있어요 !! ^^
감사합니다 ^^
운영체제로 구분해서 뿌려주는방법은 가능합니다.
IE8에서 CSS3는 먹지 않습니다.
IE8에서 CSS3는 먹지 않습니다.
메타태그에 뷰포트태그로 배율 조정 한뒤 일반 데스크탑용 CSS 작성 한 후 @media only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {/* 모바일 CSS 작성 */} 요래 하면 되는군요 ^^ 감사합니다!!
only screen and (min-device-pixel-ratio : 1.5) {/* 모바일 CSS 작성 */} 요래 하면 되는군요 ^^ 감사합니다!!
픽셀레이쇼로 구분하면 레티나 디스플레이는 픽셀레이쇼가 2.0이라서 맥북에서도 모바일 화면이 보일 수 있습니다.
아 그렇군요 그럼 혹시 다른 방법은 없을까용?? ㅎㅎ
pc는 디자인요소때문에 웹표준으로 제작하나 반응형은 포기하고 모바일은 단순하게 반응형으로 많이들 제작하시죠
비추이지만 css 핵이 있어요
http://biew.co.kr/5
미디어쿼리 사용하시면 반응형은 잘 아실거 같은데요 css 사용은 최소화하고 css가 없더라도 구조가 틀어지지 않도록 짜시면 됩니다.
비추이지만 css 핵이 있어요
http://biew.co.kr/5
미디어쿼리 사용하시면 반응형은 잘 아실거 같은데요 css 사용은 최소화하고 css가 없더라도 구조가 틀어지지 않도록 짜시면 됩니다.
그러게요. ㅠㅠ CSS핵 가지고 또 잘 해보겠습니다.^^