Browser 如何阻止网站对裁剪做出反应

Browser 如何阻止网站对裁剪做出反应,browser,responsive-design,Browser,Responsive Design,当你裁剪页面时,它不会做出反应,也不会移动你的所有内容!你是怎么做到的 以下是我尝试过的: .nav { display:block; min-width:100%; text-align: left; position:fixed; top:0; left:0; list-style-type:none; z-index:1000; margin:0 auto; background: -webkit-l

当你裁剪页面时,它不会做出反应,也不会移动你的所有内容!你是怎么做到的

以下是我尝试过的:

.nav { 
    display:block; 
    min-width:100%; 
    text-align: left; 
    position:fixed; 
    top:0; left:0; 
    list-style-type:none; 
    z-index:1000; 
    margin:0 auto; 
    background: -webkit-linear-gradient(top left, #3c8dbc 0%, #307196 100%);
    background: linear-gradient(to bottom right, #3c8dbc 0%, #307196 100%);
    color:#A3A3A3; 
    height:10%; 
    font-weight:lighter; 
    overflow:hidden; 
} 

.nav li { 
    display: inline-block; 
    margin:1%; 
    height:3%; 
    list-style-type:none; 
    color:#A3A3A3; 
} 
.nav ul{ 
    list-style-type:none;
} 
.nav ul li{ 
    list-style-type:none; color:white; 
} 

你是说当你低头的时候?上面是一个粘条。以前也有人问过类似的问题,请先研究一下再问。不管怎样,看看这个:你能不能写一段代码,告诉我如何将它应用到这段代码中,我一直在努力让它工作,但它没有!。导航{显示:块;最小宽度:100%;文本对齐:左;位置:固定;顶部:0;左:0;列表样式类型:无;z索引:1000;边距:0自动;背景:-webkit线性渐变(左上角,#3c8dbc 0%,#307196 100%);背景:线性渐变(右下角,#3c8dbc 0%,#307196 100%);颜色:#A3A3A3;高度:10%;字体重量:较轻;溢出:隐藏;}.nav-li{display:inlineblock;边距:1%;高度:3%;列表样式类型:无;颜色:#A3A3A3;}.nav-ul{list-style-type:none;}.nav-ul li{list-style-type:none;颜色:白色;}试图在下面的示例中解释,希望对您有所帮助。