2014-04-05 4 views
1

안녕하세요. 웹 사이트를 개발하고 있습니다. click here
내 클라이언트가 아래 스크린 샷을 보내 왔습니다. 이것은 맥북 망막 전문가입니다. 왜 그런지 모르겠지만 1024x640에 대한 해상도가 있고 브라우저 뷰포트는 약 500px (!) 인 것 같습니다. 그래서 나는 두 가지 질문을 가지고있다 : 1. 당신은 기본 해상도와 픽셀 밀도가 무엇인지 상자에서 맥북 프로 망막을 가져갈 때?
2. 비 매킨토시에서 어떻게 망막 디스플레이를 에뮬레이트 할 수 있습니까? 크롬에서 새로운 에뮬레이션 옵션을 시도했지만 장치 픽셀 비율 2를 설정하고 해상도로 재생할 때마다 사용 가능한 출력이 전혀 없었습니다. 저해상도로 인해 VM을 사용하는 것이 무의미합니다.Macbook pro 망막 개발

편집 : 한 가지 더 알아 챘습니다. 브라우저에 똑같은 해상도를 재현하면 모든 이미지가 첨부 된 이미지에서 더 크게 보입니다. 하단 툴바가 전체 웹 사이트의 크기를 줄이거 나 픽셀 밀도를 조절할 수 있습니까?

enter image description here 망막 디스플레이 (15 ")와 맥북 프로에

답변

0
  1. 기본 해상도가 2에서 1440x900 배경이다. 1 픽셀 비율합니다 (2880x1800 화면을 사용) 그러나, 확장 모드 많이 있습니다.

  2. Retina MacBook Pro의 Safari 탐색은 iPad/iPhone의 Safari와 비슷하거나 동일하지만 망이 아닌 데스크톱이나 랩톱에서 망막 디스플레이를 시뮬레이션하는 좋은 방법을 모르지만 디스플레이 해상도 문제를 처리합니다. 아마도 더 나은 시뮬레이터 인 Retina iPad가있는 경우에는 사용할 수 없습니다. 개발자 도구에 대한 액세스 권한은 Mac과 페어링 된 경우에만 사용할 수 있습니다. 가 아닌 레티 나 맥에 액세스 할 수있는 경우

, 당신은 또한 당신이 디스플레이 인 경우에 웹 서버가 맥을 볼 것입니다 방법에 대한 액세스를 제공하기 위해 (enabling HiDPI modes에 대한 게시물을 참조) HiDPI 모드를 사용하여 시도 할 수 있습니다 망막.

0

나는 이것이 잘못된 접근이라고 생각합니다. 망막 디스플레이를 에뮬레이션 할 필요가 없습니다. 걱정할 필요가있는 것은 웹 사이트가 1440x900에서도 잘 보이고 애셋에 게재 옵션이 있다는 것입니다. Retina 디스플레이의 경우 @gaige가 언급 한 HiDPI가 언급되었습니다.

그리고 당신은 그 외에는이 http://paulstamatiou.com/responsive-retina-blog-development-part-2/

같은 사람들을로드 할 수 있습니다, 그것은 최상의 방법을 사용의 문제, 그리고 모든 것을 자체 해결해야한다.

관련 문제