如何适应网站的内容在任何分辨率CSS

-2

#contentContainer{ 

margin-top: 10%; 

}

，这里是一块我的PHP文件：

<div align="center" id="contentContainer"> 
     <div id="Login_Cont"></div> 
     <div class="login_logo"></div> 

    </div>

我把内容我的网站在一个大的div中，我称它为contentContainer。现在，我如何在任何分辨率下适合我网站的内容，我已经尝试过媒体屏幕技巧/ CSS技巧，但它不起作用。请帮帮我。

来源

2012-09-05 Mic

你所说的“适合我的网站的内容”是什么意思？你能举个例子吗？ – Zhihao

问题不够具体。 – Lowkase

任何jsfiddle？没有得到您的问题 – supersaiyan

所以，你会喜欢contentContainer漂浮在屏幕的中间？

难道这样的事情你后：

#contentContainer { 
background-color: #ccc; 
height: 300px; 
left: 50%; 
margin-left: -150px; 
margin-top: -150px; 
position:absolute; 
top: 50%; 
width: 300px; 
}

来源

2012-09-05 14:17:26 AndySX

@AndySix，是的，我需要在任何分辨率的屏幕中间浮动内容。我会尝试你的代码。谢谢。 – Mic

这很令人伤心，但据我所知，这是唯一的绝对中心交叉浏览器。我认为绝对中心是一项普遍的任务，应该有一个更简单/更好/更漂亮/更短的方式。 –

@IstvánŐri，另一位为我学习。谢谢。 – Mic

你可以给像

#contentContainer{ 
    width:100%;//likewise 
    margin:auto;//to center your div 
}

或最好使用媒体百分比容器宽度查询

@media screen and (max-device-width : 320px) 
{ 

}//likewise define for each screen resolution

来源

2012-09-05 14:10:26

如何适应网站的内容在任何分辨率CSS

回答

相关问题