현재 로컬로 웹 사이트를 개발 중입니다 (그렇지 않으면 직접 연결될 것입니다). 몇 가지 장비에서 최종 디버깅을하고 있습니다. 내가 만난 문제는 레티 나 디스플레이가 장착 된 맥북 프로에서 웹 사이트 전체를 작은 해상도 너비로 강요한다는 것입니다. 맥북 망막 디스플레이 웹 사이트가 깨졌습니다.
를 그리고 여기가 맥북 프로에 무엇을하고 있는지입니다 :
는 여기에 윈도우 바탕 화면에 어떻게 표시되는지를 보여줍니다
내가 전에이 발생하지 않았습니다. 내가 여기서 무엇을 놓치고 있는지 잘 모르겠습니다. 내가 제공해야 할 것이 있다면 알려줘.
언급 할만한 가치가 있는지 확실하지 않지만이 장치가 문제를 일으키는 유일한 장치입니다. 그것은 안드로이드 및 ios 태블릿 및 전화에 올바르게 응답합니다.
주목할 가치가있는 다른 것들; 다음과 같이 내 중단 점은 다음과 같습니다
$S: 320px;
$M: 768px;
$L: 1170px;
을 내 메타 뷰포트는 다음과 같습니다, 기원전 제공 한 도움에 미리
<meta name="viewport" content="initial-scale=1, user-scalable=no">
감사합니다.
당신은 아이콘의 행과 컨테이너의 HTML과 CSS를 제공해야 그것은 – FakeRainBrigand
귀하의 브라우저가 100 % – jtorrescr
@ FakeRainBrigand에 있는지 확인하십시오. 그 부분에 문제가 나타나는 가장 명백한 장소이기 때문에 그 부분에 이미지를 게시했습니다. MacBook Pro에서 "확대"되는 전체 사이트입니다. 여기에 그 컨테이너와 아이콘으로 설정 한 바이올린에 대한 링크가 있습니다. 지금 일어나고있는 일이 무엇인지 알아 내려고 노력하면서 조금 지저분합니다. 나는 현재 max-width : 978px 쿼리를 사용하여 좀 더 단순화하려고 노력 중이다. – itsbc