如何根据缩放级别定位内容？

Question

我看到这个网站：

http://www.uppbroadgatepark.com/

我喜欢它。当我放大导航调整时，如果我缩放到> 200％，则会出现一个名为“菜单”的新按钮，该按钮会在单击时将所有导航链接组合在一起。

我想知道这怎么可能？是纯CSS还是JS？我尝试使用百分比进行缩放，但它的位置并不像网站提到的那样干净。

Answer 1

您应该使用Cross Browser Zoom and Pixel Ratio Detector

  

<强>代码

$(window).resize(function(){
   var zoom = detectZoom.zoom();
   var device = detectZoom.device();
   alert("zoom: "+zoom +" , device:" +device);
});

DEMO