部分页面显示宽度为50％

问题描述：

当我调整浏览器像360px这样的小尺寸时，某些页面的显示宽度是普通宽度的50％。如何解决这个问题？部分页面显示宽度为50％

这里的link

谢谢！

这是因为填充和保证金。 –

检查你的媒体查询，检查填充，检查边距，这个'@media（max-width：480px）'是你必须查看CSS并根据大小调整css像360px，所有div元素 – Shehary

@ManojKumar宽度是未在'@media（max-width：480px）中定义' – Shehary

答

你可能在你的CSS试试这个：

 .ak-container, body.boxed-layout { 
     padding: 0; 
     width: 100%; 
     } 

     .no-sidebar #primary { 
     float: none; 
     margin: 0 auto; 
     width: 100%; 
     }

答

举一个简单的解决方案添加CSS属性的最小宽度类：promobody

.promobody { 
    margin-left: 60px; 
    min-width: 225px; 
}

最小宽度保持最小宽度为类等等内容将在小型设备是宽度内显示。

可以根据使用媒体查询装置宽度设置为在页面元素边距和填充。检查这些：Media Query & this

答

试试这个

@media screen and (max-width: 767px) { 
.promobody { 
    margin-left: 5px; 
} 

}

.promobody仅用于宣传页面。宣传页不是唯一显示50％的宽度 – User014019

部分页面显示宽度为50％

相关推荐