小肥羊是一家提供美味羊肉的餐厅,其网站采用了响应式设计,使得在不同设备上都能提供良好的用户体验。根据窗口宽度的不同,网站会进行相应的样式调整。当窗口宽度大于768像素时,网站会隐藏标题通知栏,并将餐厅面板的顶部边距设置为0。同时,它还会调整轮播图容器的顶部边距为85像素,以及一些其他元素的顶部边距为0。
如果窗口宽度小于或等于768像素,则不会应用上述样式调整。具体的CSS代码如下:
$(function(){
var windowWidth = $(window).width();
if(windowWidth > 768){
// 隐藏标题通知栏
$('.titleCloseBtn').bind('click',function(){
$('.titleNotices').css('display','none')
// 其他样式调整
})
} else {
var elem = 'div.banner, section.content, section.activityPanel, .newsPanel, .restuarantPanel,div.container_soup_wap,div.contain';
// 对这些元素执行样式调整
}
})