所以我想要实现的是1000px主屏幕,右边是广告空间
如果访问者屏幕宽度小于1160,则除非访问者向右滚动,否则将无法看到广告屏幕
但是我希望根据主屏幕而不是广告位和主屏幕的总数来保留内容
没有javascript,这种定位是否可行?
好的图片
答案 0 :(得分:3)
答案 1 :(得分:1)
它可以使用CSS @media
我更喜欢使用百分比,但这里有一个例子:
#page{
width:80%;
margin:0% 9% 0% 10%;
}
#left{
display:inline-block;//alternative needed for ie 8 and below
width:80%;
}
#right{
width:19%;
display:inline-block;
}
@media screen only and (min-width:1160px){
#right{
display:none;
}
#left{
width:100%;
}
}
如果用户的屏幕分辨率宽度小于1160px;元素的CSS属性将被更改。