输入位置不'无法在Iphone上正常显示
Input position doesn't display properly on Iphone
我被输入表单卡住了。当我在开发者控制台中检查它时,一切都很好。但当我从iphone中检查时,它的位置大约变为1-2px。我从相同尺寸的安卓手机上检查了一下,一切都很好。在开发控制台的Iphone 5上输入-http://cs629525.vk.me/v629525181/40c5e/zrdadYwKeBU.jpg。从我的iphone 5s输入-http://cs629525.vk.me/v629525181/40c57/KjsRhwnjQ4k.jpg。下方的代码
<form id="subscribe">
<input type="text" class="enter-email" name="subscribe-email" id="subscribe-email" placeholder="YOUR EMAIL" spellcheck="false" />
<button type="submit" id="signup-button" class="signup-button c-form">NOTIFY ME</button>
<label for="subscribe-email" class="subscribe-message c-form"></label>
</form>
<!--css-->
.enter-email {
margin-top: 30px;
margin-left: 17.5%;
width: 40%;
font-size: 16px;
height: 50px;
background: none;
border: 2px solid white;
color: #fff;
text-align: center;
outline: none;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;}
.signup-button {
height: 50px;
border: 2px solid white;
color: white;
text-align: center;
padding: 5px;
font-size: 16px;
width: 25%;
background: #32dbd0;
margin-left: -6px;
transition: all 0.4s ease;}
::-webkit-input-placeholder {
color: #fff;
font-size: 16px;
text-align: center;
padding: 1px; }
将以下内容添加到您的两个元素中:
.enter-email {
vertical-align: top;
...
}
.signup-button {
vertical-align: top;
...
}
默认情况下,按钮和输入是内联块。这将迫使他们在同一水平上保持一致。
相关文章:
- 从桌面读取python文件时高亮显示代码
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 如何在生成下载文件时显示加载动画
- React重新渲染但未显示正确的组件
- nodejs-expressjs上传图像并显示它们
- 使用JSP从服务器检索和显示图像
- 音频控件在mouseover上显示,在mouseout上淡出
- 让文本输入幻灯片显示输入时的新文本输入?然后向后滑动
- 使用电话间隙在Android应用程序中显示SQL Lite的数据
- 显示5秒后隐藏潜水
- 如何显示显示的html元素:在特定的媒体屏幕上没有
- yii2:依赖于Action的条件显示/显示字段
- Jquery/JS:通过样式显示显示选择框(无,块)
- 为什么选择显示显示值而不是标签
- 在HTML中显示显示缩进的日志的更好方法是什么
- 如何在javascript中显示显示var值的警报
- 如何在核心PHP上显示显示来自第三方网站的RSS提要的要求
- 使用PHP或JS显示/显示选中的复选框值
- Ag-grid -如何显示显示/隐藏列的selectAll选项企业设置过滤器
- 窗体显示显示在框中