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

Question

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

如果访客屏幕宽度小于 1160 广告屏幕将不可见，除非访客向右滚动

但我想根据主屏幕而不是广告位置和主屏幕的总和来调整内容

如果没有 javascript，这种定位可能吗？

好的图片在这里

Answer 1

您需要查看媒体查询，尤其是宽度功能。

这允许您根据可用宽度自定义 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 属性将被更改。