文章目录

#bug及解决方法

  • firfox 不支持background-position-x/y,最好使用background-position设置背景图

#CSS

  • div多余高度
    • div内包含inline-block类型空元素时,div总是比内部元素高3px,当div是页面最下方元素时,即使固定div高度,其下方也会多3px。解决办法:将div的overflow设置为hidden
    • div内包含img时,div可能会比img高度高3px。解决办法:设置img的block元素或者vertical-align:middle;
文章目录
dth = window.innerWidth; } else if( document.documentElement && document.documentElement.clientWidth) { myWidth = document.documentElement.clientWidth; }; var qrsize = myWidth > 1024 ? 200:100; var options = {render: 'image', size: qrsize, fill: '#2ca6cb', text: url, radius: 0.5, quiet: 1}; var p = $('.article-share-qrcode').position(); $('.hoverqrcode').empty().css('width', qrsize).css('height', qrsize) .css('left', p.left-qrsize/2+20).css('top', p.top-qrsize-10) .qrcode(options); }; $(window).resize(function(){ $('.hoverqrcode').hide(); }); $('.article-share-qrcode').click(function(){ updatehoverqrcode(); $('.hoverqrcode').toggle(); }); $('.article-share-qrcode').hover(function(){}, function(){ $('.hoverqrcode').hide(); }); });