android - CSS android 和 iOS 问题

标签 android css ios mobile mobile-safari

当我尝试将 div 拉伸(stretch) 100% 时,在 iOS 和 Android 中末尾有一条小线。这是一张更好看的照片:

screenshot

我在网上搜索过,但没有找到解决方案。

<html>  
<head>  
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=0.666" />  
<style>  
html, body {  
    position:relative;  
    height:100%;  
    width:100%;  
    padding:0;  
    margin:0;  
    overflow-x:hidden; 
}  
header {  
    width: 100%;  
    background: red;  
    height: 50px;  
    display: block;  
    margin: 0;  
    padding: 0;  
    overflow-x:hidden;  
}  
</style>  
</head>  
<body>  
<header>asdasd</header>  
</body>  
</html>

最佳答案

这可能是为滚动条保留的空间。

关于android - CSS android 和 iOS 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5515957/

相关文章:

ios - 用于获取健康属性的监视包或健康包

objective-c - id 确认了一个协议(protocol),但是在哪里实现呢?

android - 如何在android中设计屏幕?

javascript - 仅使用 CSS 更改图像。

html - H1 标签内的链接颜色没有改变,为什么?

CSS 下拉菜单定位在带有 overflow hidden 的包装器内

android - 我需要做什么才能为仅影响 TextView 的 Activity 制作样式?

java - 为什么我的涂抹图像算法会使图像变暗?

android - 显示错误的 ArrayAdapter 无法解决构造函数适配器错误

iphone - 应用程序崩溃,没有异常或崩溃日志