테스트 사이트 - 개발 중인 베타 버전입니다

미디어쿼리 질문요~

· 10년 전 · 1379 · 8

네이버 같은 사이트를 PC에 있는 인터넷 익스플로러나 크롬으로 접속하면 반응형 조건이 해당이 안되지만

 

모바일이나 태블릿으로 접속 했을 때는 화면에 맞게 적용되게 할 수 있나요?

 

respond.js를 구해서 심었는데도 IE8에는 스타일이 아예 먹지도 않고, 크롬으로 접속하니 스타일은 먹는데 PC화면에서 줄이니까 얘가 반응형으로 작동이 되더라구요.

 

두서가 없었는데요

 

1.피시접속 말고 모바일이나 태블릿으로 접속 했을때만 각 기기 화면에 맞게 출력되는 것이 어떻게 가능한지

 

2.IE8에 CSS를 먹게 할 수 있는 방법이 있는지

 

궁금합니다. ㅠㅠㅠㅠㅠ

 

 

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 8개

http://sir.co.kr/qa/
이쪽에 질문하시면 더 많은 분들이 보실 수 있어요 !! ^^
10년 전
감사합니다 ^^
10년 전
운영체제로 구분해서 뿌려주는방법은 가능합니다.

IE8에서 CSS3는 먹지 않습니다.
10년 전
메타태그에 뷰포트태그로 배율 조정 한뒤 일반 데스크탑용 CSS 작성 한 후 @media only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {/* 모바일 CSS 작성 */} 요래 하면 되는군요 ^^ 감사합니다!!
10년 전
픽셀레이쇼로 구분하면 레티나 디스플레이는 픽셀레이쇼가 2.0이라서 맥북에서도 모바일 화면이 보일 수 있습니다.
10년 전
아 그렇군요 그럼 혹시 다른 방법은 없을까용?? ㅎㅎ
pc는 디자인요소때문에 웹표준으로 제작하나 반응형은 포기하고 모바일은 단순하게 반응형으로 많이들 제작하시죠
비추이지만 css 핵이 있어요
http://biew.co.kr/5
미디어쿼리 사용하시면 반응형은 잘 아실거 같은데요 css 사용은 최소화하고 css가 없더라도 구조가 틀어지지 않도록 짜시면 됩니다.
10년 전
그러게요. ㅠㅠ CSS핵 가지고 또 잘 해보겠습니다.^^

게시글 목록

번호 제목
5541
7208
5537
6059
5530
5529
5524
5516
5507
11208
6057
5501
5500
5498
6056
6055
6054
5490
5483
5472
5470
6051
5469
11202
11199
11198
11196
5467
5463
11195
7238
5460
7204
7232
5458
5456
11299
6045
5452
5449
11296
11295
7201
7199
5446
5441
6039
6038
5429
5424
7197
5422
6036
7194
5413
5411
5408
5407
7190
6030
5405
5402
5400
7189
5398
7187
6026
6022
5389
5384
5374
7184
5370
5364
5363
5362
11293
6014
7183
7182
7181
5355
5351
5336
11290
11286
5332
5330
5325
5318
7180
5307
5304
11285
5301
5294
11284
5292
7175
5286