这种定位是否可行 - 用户友好的网站结构和定位 - 没有javascript

Question

所以我想要实现的是1000px主屏幕，右边是广告空间

如果访问者屏幕宽度小于1160，则除非访问者向右滚动，否则将无法看到广告屏幕

但是我希望根据主屏幕而不是广告位和主屏幕的总数来保留内容

没有javascript，这种定位是否可行？

好的图片

Answer 1

您需要查看media queries，尤其是width feature。

这允许您根据可用宽度自定义CSS。

@media screen and (min-width: 1160px) { … }

Answer 2

它可以使用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属性将被更改。