html – CSS转换：翻译不能在iPad上运行_html-js-css

概述我做了一个简单的建设网站,它有一个图像和一些文本居中在页面中间,如下所示： HTML代码： <body> <div id="container"> <span id="wip">Under Construction</span> <img id="image" src="katte.jpg"> <span id="text">Glæd dig 我做了一个简单的建设网站,它有一个图像和一些文本居中在页面中间,如下所示：

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%;

总结

以上是内存溢出为你收集整理的html – CSS转换：翻译不能在iPad上运行全部内容，希望文章能够帮你解决html – CSS转换：翻译不能在iPad上运行所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1138556.html

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

发表评论

评论列表（0条）