2014-07-23 3 views
0

현재 로컬로 웹 사이트를 개발 중입니다 (그렇지 않으면 직접 연결될 것입니다). 몇 가지 장비에서 최종 디버깅을하고 있습니다. 내가 만난 문제는 레티 나 디스플레이가 장착 된 맥북 프로에서 웹 사이트 전체를 작은 해상도 너비로 강요한다는 것입니다. Standard Desktop맥북 망막 디스플레이 웹 사이트가 깨졌습니다.

를 그리고 여기가 맥북 프로에 무엇을하고 있는지입니다 :

는 여기에 윈도우 바탕 화면에 어떻게 표시되는지를 보여줍니다 enter image description here

내가 전에이 발생하지 않았습니다. 내가 여기서 무엇을 놓치고 있는지 잘 모르겠습니다. 내가 제공해야 할 것이 있다면 알려줘.

언급 할만한 가치가 있는지 확실하지 않지만이 장치가 문제를 일으키는 유일한 장치입니다. 그것은 안드로이드 및 ios 태블릿 및 전화에 올바르게 응답합니다.

주목할 가치가있는 다른 것들; 다음과 같이 내 중단 점은 다음과 같습니다

$S:  320px; 
$M:  768px;  
$L:  1170px; 

을 내 메타 뷰포트는 다음과 같습니다, 기원전 제공 한 도움에 미리

<meta name="viewport" content="initial-scale=1, user-scalable=no"> 

감사합니다.

+3

당신은 아이콘의 행과 컨테이너의 HTML과 CSS를 제공해야 그것은 – FakeRainBrigand

+0

귀하의 브라우저가 100 % – jtorrescr

+0

@ FakeRainBrigand에 있는지 확인하십시오. 그 부분에 문제가 나타나는 가장 명백한 장소이기 때문에 그 부분에 이미지를 게시했습니다. MacBook Pro에서 "확대"되는 전체 사이트입니다. 여기에 그 컨테이너와 아이콘으로 설정 한 바이올린에 대한 링크가 있습니다. 지금 일어나고있는 일이 무엇인지 알아 내려고 노력하면서 조금 지저분합니다. 나는 현재 max-width : 978px 쿼리를 사용하여 좀 더 단순화하려고 노력 중이다. – itsbc

답변

0

도움을 청할 사람에게 혼란스러워서 죄송합니다. 언급할만한 가치가 있었던 것은 맥북 프로가 13 인치 노트북인데, 1280px 너비로 망막의 크기를 깨닫게되었습니다. 나는 더 커 보이고 여전히 타블렛 버전을 개발 중입니다. 나는 다른 사람의 시간을 낭비 한 경우 내가 죄송합니다.

.

는 기원전하기 위해 노력하는 사람에게 감사합니다.

관련 문제