html - 的边界
元素在 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;
}
}
}
对比
解决方案
另外加左:0;和权利:0;在旋转文本上,
#rotateText {
left:0;
right:0;
}
推荐阅读
- yocto - Yocto bitbake .bbappend 未安装文件
- javascript - 从 URL 获取参数到 html 表单
- react-native - 如何使用 Detox 检查是否在 React Native 中选择或禁用了特定元素?
- python-3.8 - 已解决 - Ubuntu 18.04 设置 virtualenvwrapper,python 3.8
- python - 这个错误是什么意思,我可以修复它吗?
- android - 当我从一个片段返回到另一个片段时,我的观察者总是在开火
- c++ - boost 1.73.0 构建问题 - 错误:功能已定义
- javascript - 使用 date-fns 比较两个 UTC 日期
- java - 在javaEE中将字符串yyyy-mm-dd转换为日期
- wordpress - 为 WooCommerce 订单搜索创建过滤器