擠壓無響應的網頁

Question

我有這個下面的jsfiddle鏈接

這裏我要擠的網頁顯示向右

http://jsfiddle.net/azgjr8k0/

作品的AD以及與響應的網站，但在以上給出的小提琴鏈接。它不會擠壓固定寬度&無響應的網站。 任何方式我可以做到這一點，然後讓我知道

這裏是CSS

#test { 
    position:fixed; 
    width:160px; 
    background:blue; 
    right:-160px; 
    top:0px; 
    bottom:0px; 
    -webkit-transition: all ease-in-out 1s; 
    -moz-transition: all ease-in-out 1s; 
    transition: all ease-in-out 1s; 
} 
#test.show { 
    right:0; 
} 
#container{ 
    margin-right:0; 
-webkit-transition: all ease-in-out 1s; 
-moz-transition: all ease-in-out 1s; 
transition: all ease-in-out 1s; 
} 
#container.squeezed { 
    margin-right:160px; 
} 


javscript/jquery code 
    window.onscroll = function() { 
    if (pageYOffset > 100) { 
     $("#test").addClass("show"); 
     $("#container").addClass("squeezed"); 
    } else if (pageYOffset < 100) { 
     $("#test").removeClass("show"); 
     $("#container").removeClass("squeezed"); 
    } 

} 

Answer 1

這裏是解決方案：

http://jsfiddle.net/austinthedeveloper/azgjr8k0/4/

如果你想設置的東西寬度，但有他們是敏感的，確保他們被設置爲最大寬度。

#box{ 
    width: 100%; 
    max-width:500px; 
}