html – CSS转换：翻译不能在iPad上运行

发布时间：2020-12-14 18:33:39 所属栏目：资源来源：网络整理

导读：我做了一个简单的建设网站,它有一个图像和一些文本居中在页面中间,如下所示： HTML代码： body div id="container" span id="wip"Under Construction/span img id="image" src="katte.jpg" span id="text"Gl?d dig,her ?bner katteboxen.dk i for?ret 2015.

我做了一个简单的建设网站,它有一个图像和一些文本居中在页面中间,如下所示：

HTML代码：

<body>
    <div id="container">
        <span id="wip">Under Construction</span>
        <img id="image" src="katte.jpg">
        <span id="text">Gl?d dig,her ?bner katteboxen.dk i for?ret 2015. Vi gl?der os til at fork?le din kat med en sp?ndende pakke hver m?ned.</span>
    </div>
</body>

CSS代码：

body {
    margin: 0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    text-align: center;
}
#container {
    max-width: 1230px;
    width: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#image {
    width: 100%;
}
#text {
    font-size: 20px;
    padding: 0 15px;
    display: block;
}
#wip {
    font-size: 40px;
    padding: 0 15px;
    display: block;
}

链接：http://katteboxen.dk/

除了iPad之外,一切都很好.内容显示为例如css规则变换：translate(-50％,– 50％);没有申请容器.解决此问题有哪些替代方案？任何指导或反馈都非常受欢迎.

解决方法

transform属性是基于浏览器的属性集-webkit-transform,-moz-transform,-o-transform …. ans所以根据你的i-pad浏览器设置它这将解决问题

或者只是使用

margin-left:-50%;

margin-top:-50%;

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!