Css 网站在水平方向上未正确居中_Css_Iphone

Css 网站在水平方向上未正确居中

css iphone

Css 网站在水平方向上未正确居中,css,iphone,Css,Iphone,我使用CSS将我的网站垂直居中，但当它在iphone上以水平模式查看时，该网站被切断而不居中。我怎样才能解决这个问题以下是我用于将站点置于中心位置的css： #wrapper { width:850px; height:650px; position:absolute; top:50%; margin-top:-325px; left:50%; margin-left:-425px; } 以下是网站：我需要结果功能齐全，即缩放和挤压功能必须仍然有效。：）我会根据需要更改#包装器属性

我使用CSS将我的网站垂直居中，但当它在iphone上以水平模式查看时，该网站被切断而不居中。我怎样才能解决这个问题

以下是我用于将站点置于中心位置的css：

#wrapper {
width:850px;
height:650px;

position:absolute;
top:50%;
margin-top:-325px;
left:50%;
margin-left:-425px;
}

以下是网站：

我需要结果功能齐全，即缩放和挤压功能必须仍然有效。：）

我会根据需要更改

#包装器

属性

#wrapper {
    height: 650px;
    margin: 5% auto 0;
    position: static;
    width: 850px;
}

静态定位是每个元素的默认设置，因此如果不包含它，就没有问题。边距值5%表示从顶部开始的边距，自动表示左侧和右侧，0表示底部

我做了一个活生生的例子，你可以在你的iphone上找到并测试它：

你试过这个吗：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="hr-HR" lang="hr-HR">
<head>
<style type="text/css">
#wrapper {
width:850px;
margin: 0 auto;
}
#wrapper_inner{
width:850px;
height:650px;
position:absolute;
top:50%;
}
</style>
</head>
<body>
<div id="wrapper">
    <div id="wrapper_inner">
    Center me
    </div>
</div>
</body>
</html>


#包装纸{
宽度：850px；
保证金：0自动；
}
#内包装{
宽度：850px；
高度：650px；
位置：绝对位置；
最高：50%；
}
居中

谢谢您的帮助！非常感谢！索蒂里斯，谢谢你！它就像一个符咒！我非常感谢使用我的文件进行的现场测试。哇。@girlfriday我为此感到高兴。您可以向上投票，并在回答时选中此选项（箭头下方的勾号）。Thanks@Sortis，事实上，再看一眼，它在iphone上确实起了作用，但在较小的电脑屏幕上却没有出现。我仍在寻找一个解决方案，使我可以同时居中两个水平面。和vert.，在iphone的两个方向上工作，并且不禁用iphone的收缩/扩展功能。嗨，这不是任何特定的浏览器，问题是他们希望它垂直和水平居中，而这种方法不垂直居中。有没有办法调整它呢？我试过这个方法：但它禁用了iphone上站点的收缩/扩展功能。。。