怎么做让网页内容横向超出浏览器而不出现滚动条?
设计的时候把网页部分内容做超出1280的宽度,但用1280*720的屏幕浏览时下方却不出现横向滚动条,让网页同时适应多个分辨率的屏幕,是怎么做到的?我看现在很多网站都是这...
设计的时候把网页部分内容做超出1280的宽度,但用1280*720的屏幕浏览时 下方却不出现横向滚动条,让网页同时适应多个分辨率的屏幕,是怎么做到的?我看现在很多网站都是这么做的,首页顶部的大图横向超出了我1280宽的屏幕却不会出现横向滚动条,像B站、苹果中国官网、索尼中国官网、交通银行官网都是这样,按CTRL滚滚轮把画面调小 可以看到上面的大图在屏幕外面依然还有一截,却没有出现横向滚动条。
展开
2个回答
展开全部
只是大图的 可以使用 background:url() 50% 50%;假如整体页面的话
你可以了解一下响应式布局简单举个例子:
@media (max-width:1280px) and (max-height:800px) {
div.welcome {
background: url(../images/welcome_h800.png) 30% 80%;
}
}
用到了 css3的媒体查询 @media 这段代码的大概意思就是 :当浏览器窗口 宽度小于1280,高度小于800就执行里面的样式
你可以了解一下响应式布局简单举个例子:
@media (max-width:1280px) and (max-height:800px) {
div.welcome {
background: url(../images/welcome_h800.png) 30% 80%;
}
}
用到了 css3的媒体查询 @media 这段代码的大概意思就是 :当浏览器窗口 宽度小于1280,高度小于800就执行里面的样式
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询