Twitter bootstrap 推特引导，在手机上将图像拉伸至全屏_Twitter Bootstrap_Responsive Design

Twitter bootstrap 推特引导，在手机上将图像拉伸至全屏

twitter-bootstrap responsive-design

Twitter bootstrap 推特引导，在手机上将图像拉伸至全屏,twitter-bootstrap,responsive-design,Twitter Bootstrap,Responsive Design,我有一个应用程序，需要拉伸图像以填充整个屏幕。我正在使用twitter引导框架，在桌面上一切都很好，但在galaxy s3上，图像无法缩放页面的整个src如下所示（不要担心它很小；） .容器液体{ 填充：0px； } 我想不出任何理由为什么这行不通？图像每秒都会重新加载一些javascript，我在上面的代码中没有包含这些javascript。但我想这不是问题所在任何帮助都将不胜感激艾伦我没有要测试的Galaxy S3，但也许这对你有用：在Daniels回答后，我想出了一个办法，谢谢D

我有一个应用程序，需要拉伸图像以填充整个屏幕。我正在使用twitter引导框架，在桌面上一切都很好，但在galaxy s3上，图像无法缩放

页面的整个src如下所示（不要担心它很小；）


.容器液体{
填充：0px；
}

我想不出任何理由为什么这行不通？图像每秒都会重新加载一些javascript，我在上面的代码中没有包含这些javascript。但我想这不是问题所在

任何帮助都将不胜感激

艾伦

我没有要测试的Galaxy S3，但也许这对你有用：

在Daniels回答后，我想出了一个办法，谢谢Daniel

<html lang="en">
<head>
        <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <link href="/assets/a4727ffb/css/bootstrap.css" type="text/css" rel="stylesheet">
        <link href="/assets/a4727ffb/css/bootstrap-responsive.css" type="text/css" rel="stylesheet">
        <link href="/assets/a4727ffb/css/bootstrap-yii.css" type="text/css" rel="stylesheet">
        <script src="/assets/44b05ae/jquery.js" type="text/javascript"></script>
        <script src="/assets/a4727ffb/js/bootstrap.js" type="text/javascript"></script>
    <style>
        html, body {background:none;height:100%; margin:0; padding:0;}
        .camera-holder {position:fixed; top:0; left:0; width:100%; height:100%;z-index:-1;}
        </style>
        </head>
        <body>
        <style>
            .container-fluid {
                  padding: 0px;
            }
        </style>
        <div class="container-fluid">
            <div class="row-fluid">
        <div class="camera-holder">
                    <img alt="camera" src="/index.php/camera/getLatestImage/28?0.660698722382962" style="width:100%;height:100%">
        </div>
            </div>
        </div>
    </body>
</html>


html，正文{背景：无；高度：100%；边距：0；填充：0；}
.相机支架{位置：固定；顶部：0；左侧：0；宽度：100%；高度：100%；z索引：-1；}
.容器液体{
填充：0px；
}

无效：（我想我最后要做的是编写一些javascript，根据窗口的宽度/高度修改图像大小，

<html lang="en">
<head>
        <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <link href="/assets/a4727ffb/css/bootstrap.css" type="text/css" rel="stylesheet">
        <link href="/assets/a4727ffb/css/bootstrap-responsive.css" type="text/css" rel="stylesheet">
        <link href="/assets/a4727ffb/css/bootstrap-yii.css" type="text/css" rel="stylesheet">
        <script src="/assets/44b05ae/jquery.js" type="text/javascript"></script>
        <script src="/assets/a4727ffb/js/bootstrap.js" type="text/javascript"></script>
    <style>
        html, body {background:none;height:100%; margin:0; padding:0;}
        .camera-holder {position:fixed; top:0; left:0; width:100%; height:100%;z-index:-1;}
        </style>
        </head>
        <body>
        <style>
            .container-fluid {
                  padding: 0px;
            }
        </style>
        <div class="container-fluid">
            <div class="row-fluid">
        <div class="camera-holder">
                    <img alt="camera" src="/index.php/camera/getLatestImage/28?0.660698722382962" style="width:100%;height:100%">
        </div>
            </div>
        </div>
    </body>
</html>