Android 调整网页以适合任何设备_Android_Html_Css_Meta

Android 调整网页以适合任何设备

android html css

Android 调整网页以适合任何设备,android,html,css,meta,Android,Html,Css,Meta,这个标签是否适用于android上的web应用程序？还是仅仅针对iphone 这是一段css代码 body { padding:20px; background-color:#ffffff; font: normal .80em arial, sans-serif; background-color: #FFCC66; margin: -10px; padding: 0px; width:96%; } #wrapper { width:100%; } 包装器没有给出任何结果

这个标签是否适用于android上的web应用程序？还是仅仅针对iphone

这是一段css代码

body 
{
padding:20px;
background-color:#ffffff;
font: normal .80em arial, sans-serif;
 background-color: #FFCC66;
 margin: -10px;
 padding: 0px;
 width:96%;


}

#wrapper
{
width:100%;

}

包装器没有给出任何结果

是的，它适用于Android和iOS。我在下面为那些想更好地理解这一点的人添加了一些资料

注意：不要只依赖这个小小的HTML标记！根据制作的内容，您可能需要使用一些CSS或Javascript/JQuery

您有冲突的代码。
我相信你知道你植入的所有东西都会进入你的身体。这就是为什么我不确定为什么你要把保证金设为-10px，这意味着你嵌入的所有东西都会跟着做。此外，主体的默认颜色设置为白色，我想知道为什么您在添加两个填充属性的同时还添加了白色。
您声明希望网页适合任何设备。通过从表面上看你的代码，它看起来就像你抓住了一些零碎的东西，然后把它们放在一起，而对它本身一无所知。佩奇是学习代码的好地方，因为他们是在万维网上工作的人

下面是一些CSS，让你的页面具有响应性

body {
    margin:0;
    padding:0;
    width: 100%;
    height: 100%;
    font: normal .80em arial, sans-serif;
}

现在，当我从表面上看你的代码时，我可能错了我之前说过的话。但是，如果在执行Javascript功能时需要响应性布局。我发现使用起来非常方便。它节省了大量的编码时间，而且它是为响应而构建的，因此您无需编写并确保此div具有与IE匹配的x填充。有大量的API使使用JQuery和JQuery Mobile变得易于使用。每件事都需要学习，所以如果你还没有学习，请检查一下

下面是使用JQuery和JQuery Mobile的一个很好的开始代码

<!DOCTYPE html>
<html>
<head>
<title>Site Name</title>
<meta http-equiv='Content-Type' charset='utf-8' content='text/html;charset=ISO-8859-1'>
<meta content='yes' name='apple-mobile-web-app-capable'>
<meta content='default' name='apple-mobile-web-app-status-bar-style'>
<meta content='width=device-width, height=device-height, minimum-scale=1.0, maximum-scale=1.0' name='viewport'>
<link rel='stylesheet' href='http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css'>
<script src='http://code.jquery.com/jquery-1.9.1.min.js' type='text/javascript'></script>
<script src='http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js' type='text/javascript'></script>
<style type='text/css'>
/* CSS Here */
</style>
<script type='text/javascript'>
$(function() {
    // JQuery here. If you need help refer to jquery.com
});
</script>
</head>
<body>
<div data-role='page'>
    <div class='header' data-role='header'>
        <h1>Site Name</h1>
    </div>

    <div class='content' data-role='content'>

    </div>
</div>
</body>
</html>


站点名称
/*CSS在这里*/
$（函数（）{
//如果您需要帮助，请访问JQuery.com
});
站点名称

来源：

简短回答：是。一个较长的答案将包括一个官方网站的链接，但我似乎找不到任何链接，对不起。我只是不想得到水平滚动条，无论屏幕大小被放大。你是否尝试将其隐藏在css中？溢出x：隐藏；听起来好像你有一些冲突的代码。你能把代码贴出来吗？这样我们就可以正确地回答这个问题，并更新你的问题的相关性。您在浏览器中体验到的是正确的，而不是使用PhoneGap编译的应用程序？是的，我想使用PhoneGap编译它。我的代码显示的测试网页必须适合任何屏幕设备。