2014-07-25 4 views
0

Bourbon Neat을 사용하여 반응이 빠른 레이아웃을 만들었습니다. 그러나, 나는미디어 쿼리에 오프셋이있는 이유는 무엇입니까?

CSS inspection

그러나 CSS 속성에서와 같이 내가 주변에 70 픽셀에 의해 상쇄되었다 사용하는 미디어 쿼리가 .. 내가 조정하려고 할 때, (정제를위한 640의 중단 점을 설정하는 것이 발견 화면에서 크롬은 미디어 쿼리가 ~ 580px에있을 때만 적용됩니다 ... 나는 이것이 왜 있는지 혼란스러워서 문제가 어디에 있는지 잘 모릅니다.

도와 주셔서 감사합니다.

+0

코드를 입력하십시오. 다른 브라우저를 사용해 보셨습니까? – Aibrean

+0

페이지를 전혀 확대하고 있습니까? – Ktash

+0

분명히 내가 한 .. 감사합니다 @ Ktash –

답변

2

픽셀 기반 미디어 쿼리의 경우 확대/축소하면 다른 지점에서 중단 될 수 있습니다 .U 픽셀 기반 값을 노래하면 em or rem을 사용하면 사용자가 확대/축소를 결정하면 조금 더 제어 할 수 있습니다. 확대/축소하면 텍스트의 크기가 변경되어 중단 점이 활성화 될 수 있습니다 (레이아웃이 이상하게 보이지 않는지 확인).

em으로 변환하는 것이 매우 쉽습니다. The value of em in pixels is equal to the font-size value of the element in question (이 경우 루트)을 픽셀 단위로 나타냅니다. 기본적으로이 값은 16 픽셀이므로 값을 16으로 나누면 em 값의 근사치를 얻을 수 있습니다.