이 기사의 A 호화 내용은 다음과 같습니다. https://www.quirksmode.org/mobile/viewports.html CSS 픽셀이 커지기 시작하고 이제는 하나의 CSS 픽셀이 여러 장치 픽셀과 겹칩니다. 저에게 CSS 픽셀이 커지면 페이지의 내용을 더 많이 볼 수있게 될 것입니다. 그러나 확대 할 때 나는 반대 내용을 볼 수 있습니다. 누군가가 이것을 분명히 할 수 있습니까?확대 할 때 CSS 픽셀이 늘어나는 이유는 무엇입니까?
기사가 맞습니다. 확대 할 때 CSS 픽셀의 크기가 커집니다. 그러나 크기 때문에 CSS 픽셀 증가 뷰포트가 같은 크기를 유지하면서, 적은 CSS 픽셀은 (당신이 적은 CSS 픽셀을 참조 의미)를 표시 할 수 있습니다.
수학이를 고려 CSS pixels * viewport size = visible pixels
ZOOMED OUT: 1280 * 1024 = 1,310,720
DEFAULT: 1024 * 1024 = 1,048,576
ZOOMED IN: 768 * 1024 = 768,432
는 희망이 내가 당신의 설명에서 이해하고 생각이 조금 :)
을 명확히하는 데 도움이됩니다. 그러나 아래 계산에서 축소 된 것이 아니라 마지막으로 확대해서는 안됩니까? 왜냐하면 768px는 픽셀이 더 크고 숫자가 작기 때문에 768,432가 기본값보다 작음을 의미합니다. 아니면 내가 어딘가 잘못 됐어? 감사. – LearningMath
미안하지만, 그게 최선이라고 설명하지 않았고, 수학은 되돌아 보면 내 요점을 설명하는 데 도움이되지 않았어. 그 두 숫자 *를 바꿔야하고, 그 것을 커버하기 위해 지금 내 대답을 업데이트했습니다. 아이러니하게도, 나는 처음부터 그렇게 시작했고, 혼란스럽고 그것을 바꿨습니다. 확대/축소 할 때 픽셀은 ** 더 커집니다 ** 따라서 ** 같은 ** 영역에 퍼져있는 이미지는 ** 더 적습니다. 바라건대 그것으로 조금 더 명확해진다;) –
나는 하나 더 질문이있다. 뷰포트 크기는 여기 CSS 픽셀로 표시됩니까? – LearningMath