我的徽标不会缩放到某个浏览器大小，从而产生重叠错误

Question

网站可以在这里看到：

http://www.harringtonsproperty.co.uk/property-sales/

缩小浏览器尺寸时，左上角的徽标与下方的高级搜索区域重叠。我怎么能阻止这种情况发生？请记住我有相对基本的CSS技能！

谢谢！

Answer 1

这样做：

   @media screen and (max-width: 768px) { 

/* Adjust the max-width to be the measure at which
 you want your logo to start changing and then 
add the responsive CSS for the logo here */


    }

注意：不要忘记从旧位置剥离徽标的响应式CSS以避免冲突。