使用less时缓存屏幕宽度是很讨厌的,当屏幕改变时需要清除缓存才行,
@width:`document.documentElement.clientWidth`;
但是less有它的处理方法,
使用less监听模式,可以不用清除缓存,甚至可以不用刷新页面就可以做到,有两点,
1,在less.js前要设置 less = { env: "development", // 或者"production" poll: 10000, // 在监视模式下,每两次请求之间的时间间隔(ms) }; 2,下面是启用监听模式,如果这一句不写,当屏幕宽度改变时刷新页面即可,如果写上这一句,不需要用刷新页面, 在less.js后写 <script>less.watch()</script>
// 完整代码 <script type="text/javascript"> less = { env: "development", // 或者"production" poll: 10000, // 在监视模式下,每两次请求之间的时间间隔(ms) }; </script> <script src="css/less-1.7.0.min.js" type="text/javascript"></script> <script>less.watch()</script>