iPhone垂直居中问题

【问题标题】：iPhone Centering Vertically ProblemsiPhone垂直居中问题
【发布时间】：2012-09-22 19:08:14
【问题描述】：

努力使我的包装器 div 在 iphone 上垂直居中 - 另外在 android 上截断内容。我第一次尝试修改网站以在手机上工作，但这远非有趣。

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

 #triggers {
margin: 5% auto 0;
position: static;
width: 850px;
height: 500px;
top:50%;
z-index: 1;
display:none;
}}

【问题讨论】：

标签： android iphone css media-queries centering

【解决方案1】：

尝试使用 80% 的高度和 10% 的顶部

【讨论】：

似乎不起作用 - 是否有任何标准化或只是反复试验？或者我应该在 body/html css 中改变什么？
通常我使用javascript。我取元素的高度和窗口的高度，然后我做顶部：（窗口高度 - 元素高度）/ 2；这是我对这种定位的标准。无论如何，您可以尝试相同的 80% 加上前 10%，但使用 position:absolute;