首页 > 解决方案 > 的边界

元素在 Ipad/Pro 设备中不显示为块元素

问题描述

当我在 Ipad / Ipad pro 中制作浏览器时,紫色边框

元素不显示。为什么?

相关代码:

<img src="RotateMobile.gif" alt="" id="rotateAnimation">
    <p id="rotateText">Please turn your device</p>
@media screen and (max-width:1024px) {
    @media screen and (orientation:portrait)
    {

        #rotateAnimation {
            width: 80vw;
            height: 60vh;
            display: block;
            margin: auto;
            position: relative;
            top: 30vh;
        }

        #rotateText {
            font-size: 300%;
            text-align: center;
            color: white;
            text-shadow: 2px 2px black;
            border-top: 3vh solid #D52C82;
            border-bottom: 3vh solid #D52C82;
            position: absolute;
            top: 0px;
            margin: 0;
        }
    }
} 

对比

标签: htmlcssipadresponsive-design

解决方案


另外加左:0;和权利:0;在旋转文本上,

#rotateText {
       left:0;
       right:0;
    }

推荐阅读