如果我在html页面上有一张图片，我可以使用html或css来做以下事情吗？
当图像的宽度大于高度时，设置高度为固定值，自动拉伸宽度；当高度大于宽度时，设置宽度，自动拉伸高度？
非常感谢!
浏览 2提问于2013-03-09得票数 13
回答已采纳
2回答
我在我的项目中使用了提到的示例。我想把这张桌子拉伸一下，使之适合整个页面。
所以，我做到了：
html, body{
height: 100%;
}
#gridContainer {
height: 100%;
}
table{
width: 100%;
height: 100%;
}
问题是，只有表格标题出现在页面上，并且它被正确地拉伸。行不显示。我也试着把<script>放在<style>之前，但是没有成功。
我该如何解决这个问题？
浏览 1提问于2014-01-31得票数 0
当html的内容增加时，我想拉伸图像。而且只要内容增加，背景图像就会自动伸展，而不会在css中重复。在Html页面中。
浏览 1提问于2013-04-10得票数 1
我想将一个WebView控件添加到我的页面中，其高度将具有的长度。
控件的耳聋行为是根据页面中的可用空间进行拉伸，而不是根据实际的HTML页面的内容进行拉伸，在这种情况下，这将导致具有滚动条和有限高度的WebView。
我在网上到处寻找答案，但我发现的只是类似的问题，没有答案。
这似乎是一个非常普遍的问题，我发现很难解释为什么没有人遇到它。
我很乐意帮忙。
浏览 3提问于2015-04-30得票数 0
回答已采纳
1回答
我有一个网页，用户在其中输入一个参数值，然后使用Ajax从服务器获取结果并显示在div中。尽管页面高度是弹性的(例如，支持用侧边栏拉伸长内容，但是当更新div内容时它不会拉伸。
是否需要为页面调用某种重绘或刷新方法？如果是，是哪一个？我的页面也启用了JQuery。
更新
该页面是一个具有完整HTML内容的Drupal页面。根据FireBug的说法，下面是带有样式的标记：
<div id="fw_results_content"
style="position: absolute;
top: 25px; width: 450px;
text-align: ju
浏览 2提问于2012-03-30得票数 0
回答已采纳
我在运行时将html注入我的页面：
document.getElementById(divId).innerHTML='<object type="text/html" data="'+pageUrl+'"></object>';
注入的数据碰巧有一个滚动条，而不是拉伸100%...so，我添加了以下内容：
document.getElementById(divId).innerHTML='<object type="text/html" data="'+pag
浏览 1提问于2016-05-27得票数 0
1回答
在我的C#.NET WPF应用程序中，我根据上下文和数据使用一个WPF窗口显示多个WPF页面(一次一个)。一个WPF页面用于显示产品类别，另一个WPF页用于显示某个类别的产品。
为此，我在网格中的WPF窗口中定义了一个大型机，如下所示(这是用于显示页面的网格)：
<Grid x:Name="gridPage" Grid.Row="1">
<ScrollViewer VerticalScrollBarVisibility="Visible" Grid.Row="1">-
<Frame x:Nam
浏览 8提问于2017-01-15得票数 1
回答已采纳
1回答
我希望有一个图像(img标签，而不是背景的div)，它延伸到整个宽度和延伸到页面的底部(不延伸到顶部)。
我尝试过这里描述的解决方案：
但我只是让它相对于页面拉伸100%，并创建一个滚动条，并在页面下进行。我尝试了各种变化(使用min-height而不是height )，我要么将图像恢复为全宽(不将高度拉伸到底部)，要么将其延伸到屏幕之外。
到目前为止，我已经准备了一个小的JSFiddle，里面有CSS和HTML，尽管效果可能不是很明显。
我遗漏了什么？
浏览 0提问于2013-07-18得票数 0
我有一个相当基本的开层(3.7.0版)映射，嵌入在使用dojo工具包创建的HTML页面中(verion 1.10.4)。所有组件加载，但是初始映射是拉伸的。当调整浏览器窗口的大小时，映射将正确调整大小，拉伸问题将消失。这似乎是因为在各种HTML元素完成呈现/调整大小之前就加载了映射。我是一个CSS新手，所以我不是百分之百肯定。
下面是两个屏幕截图，一个显示地图第一次加载时是如何显示的，第二个显示的是手动调整浏览器大小后的结果。
拉伸图
手动调整浏览器大小后地图显示的正确性
可以访问活动应用程序。
应用程序的CSS可以访问。
映射的javascript可以找到。
浏览 7提问于2015-07-10得票数 0
4回答
HTML5如何让画布不拉伸页面？
、、、、
我已经学会了如何在HTML5中使用画布，我有一个问题。
有没有办法让画布不拉伸页面上的其他元素？例如，我有一些文本，如果我放了一个500px宽的画布，文本被发送到右边为画布腾出空间，有没有一种方法可以把画布放在文本下面，或者干脆让它不拉伸页面中的其他元素，或者只是简单地使用一种技术来适当地定位画布，使其准确地位于您想要的位置？
谢谢你的帮助。
浏览 0提问于2013-02-16得票数 0
回答已采纳
我有这个图像“忽略图像顶部的红线”
我想要这个图像作为我的html页面的背景它以白色开始，以蓝色结束，所有我想要的是:使用css在背景中拉伸这个图像基于页面高度，例如在一些页面中，页面高度在浏览器中滚动变成2000px，而一些页面高度1000px，我需要所有的页面使用相同的背景图像，只使用css拉伸它。
我想让它在所有的浏览器上运行，包括IE7，8，9
我想要做的是：
div.fullscreen
{
display: block; /*set the div in the top-left corner of the screen*/
/*set the div in
浏览 3提问于2012-06-22得票数 0
2回答
让我解释一下。我有一个带有类div的overflow标记。为了有滚动，.overflow有overflow: auto。这个div有几个带有文本的p标记。现在我想要的是拉伸效应，。拉伸的意思是，正如您在浏览器(如google chrome and safari on Mac )中所看到的，当用户滚动页面和滚动结束时，该页面会伸展一点，这告诉用户它没有任何内容，因此不能滚动。所以我想给上面的div标签加上拉伸的效果。如何添加CSS、HTMl、JavaScript和/或jQuery?
这是我的
这是我的密码。
HTML
<div class="overflow">
浏览 1提问于2013-12-08得票数 0
2回答
我在我的html页面中使用html文本区域。我使用的是html5 样板模板。在任何设备中，页面都可以被浏览，没有任何问题。但是textarea元素不能拉伸。每个文本区域中右下角的模式(这表明它可以进一步拉伸)也是不可见的。
为了得到进一步的澄清，这里是该页面在PC (Chrome)和iPhone (safari)中的样子。
Chrome浏览器输出
Iphone Safari的输出
您可以看到textarea在两个设备上显示的不同。此外，这也显示了android设备中的相同行为。
这是我的密码
echo(" <form method=\"post\" acti
浏览 2提问于2013-04-04得票数 0
2回答
我有一个背景图像被拉伸，以适应整个屏幕。我正在尝试写一个脚本，将更改为另一个图像的背景。我当前的脚本没有拉伸图像以适应整个屏幕，而是将图像居中。此问题发生在Firefox、IE和Opera中。看起来Chrome和Safari没有受到影响。我按照教程创建了整个页面的背景图像。
CSS：
html {
background: url(../img/01.jpg) no-repeat center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size
浏览 1提问于2012-05-07得票数 1
回答已采纳
1回答
我正在使用HTML5 <canvas>来画线。
当我将尺寸从默认的300x150更改为与另一个<div>的尺寸相匹配时，我的线条看起来会拉伸，并且比以前更厚。为什么会发生这种情况？
我希望在画布上绘制线条，以匹配<div>上位于其前面(具有较高的z-index)的元素在页面上相同位置上的位置。我怎样才能阻止这种拉伸的发生？
编辑：只出现在火狐中。
浏览 0提问于2011-01-27得票数 2
回答已采纳
1回答
我有以下HTML代码：
<div id="subpageHeaderImageSection">
<div id="subpageHeaderLeft">
<span id="holdImageP"></span>
<!--[if lte IE 10]><img id="igm" src="theImages/subpageHeaderImageP.png" /><![endif]-->
浏览 1提问于2014-03-27得票数 1
回答已采纳
12回答
将帆布对中
、、
如何使用HTML5 canvas标记页面，以使canvas
占宽度的80%
具有相应的像素高度和宽度，有效地定义了比率(并且在画布拉伸到80%时按比例保持)。
是垂直和水平的中心。
您可以假设canvas是页面上唯一的东西，但如果有必要，可以将它封装在div中。
浏览 4提问于2009-07-20得票数 66
1回答
听着，我知道有很多有很多解决方案的线程，但是没有一个对我有用。我是个乞丐，我刚刚开始用HTML制作网站。我以前试过建一个网站，但我也遇到过同样的问题。我已经删除了前一个，做了一个新的，但我仍然无法解决这个问题。
我试过但不起作用的东西：
将高度设置为100% /100 to (方法一)
将div最小高度设置为100%，使其位置绝对，并执行以下操作：
顶部:0 0px底部:0 0px
(方法二)
当我执行方法1时，当您可以滚动页面时，我的div不会拉伸到页面的底部，而是被拉伸到浏览器窗口的100%高度。
当我做方法2时，div就消失了。我没有强迫边界伸展，所以你仍然可以看到它，但
浏览 1提问于2016-10-04得票数 0
回答已采纳
我已经试图解决这个问题好几个小时了，我在整个互联网上都没有找到答案。
我试图在页面中居中显示这个背景图像；然而，正如使用此方法显示的，它会拉伸页面的宽度，这意味着您可以滚动到页面的宽度。
下面是我的代码：
HTML：
<!DOCTYPE html>
<html>
<body>
<div class="container">
<div class="bground">d</div>
</div>
</bo
浏览 3提问于2015-05-06得票数 1
我正在尝试构建一个svg，它可以水平和流畅地缩放，类似于旧的表切片图像，用来在页面顶部流畅地缩放页眉。通常，这要求结束组件不拉伸，而中心组件则拉伸(或重复)。我已经包括了一个例子的图像如下。我已经在各种配置中试验过嵌套的svg标记与viewBox和preserveAspectRatio相结合，但无法完全使其工作。
下面是我需要做的工作示例，用纯html/css：
用一个独立的svg甚至可以做到这一点，还是我在浪费我的时间？
浏览 8提问于2014-02-13得票数 15
回答已采纳
3回答
弹出的水平滚动条有问题。
我的页面是这样设置的：
<html>
<head></head>
<body>
<article>
</article>
</body>
</html>
我的css
article {
width:100%;
margin:0px auto;
padding:25px;
}
我也在使用。麻烦的是，100%的文章给了我一个无法摆脱的水平滚动。我想让它拉伸窗口的长度，并在左右两边留出一点空间。
浏览 4提问于2012-01-15得票数 0
回答已采纳
3回答
火狐背景图像水平对心奇怪
、、、
我正在为CMS构建一些基本的HTML代码。CMS中与页面相关的选项之一是“背景图像”和“将页面宽度/高度拉伸到背景图像宽度/高度”。这样，随着大背景图像的出现，整个物体就会变得可见。
我现在的屏幕分辨率是1280x1024。
如果我这样做的话：
指定宽度为1400 is的背景图像。
指定“位置”为“中心中心”(horiz )。/.)
指定“拉伸页面宽度到背景图像宽度”
然后在FF中发生以下情况：
页面被正确地拉伸到1400 to。我得到一个水平滚动条，因为我的屏幕是较小的。到目前一切尚好。
现在奇怪的是:背景图像不是相对于1400 of以为中心的，而是相对于我的12
浏览 2提问于2009-11-09得票数 5
回答已采纳
1回答
我正在尝试创建一个居中的页面容器，当页面放大或缩小时，它将垂直延伸到整个页面。页面容器在缩小时可以完美地拉伸，但当我放大时，我可以在页面容器底部和浏览器窗口之间看到一个空间。我正在使用Chrome来测试我的CSS。
下面是HTML和CSS：
<html>
<head>
<style>
*{
margin:0px;
padding:0px;
}
body{
text-align: center;
padding:0px;
margin:0px;
height:100%;
}
#page{
margin: 0 auto;
background:rgba(
浏览 3提问于2011-09-06得票数 1
回答已采纳
3回答
在标题栏中垂直居中拉伸的图像
、、、、
我尝试用简单的(x)html和CSS来实现以下目标：
我有一个网站，它显示的内容顶部的横幅图像。图像位于两个嵌套的div中。
我想把图像拉伸到整个页面的宽度。从图像中只能看到150px高的中间柄。
看看这张图：
黑框表示页面的可见区域。图像被按比例拉伸以适应页面宽度，上下区域(不透明)应被剪切。
代码结构如下：
....
<body>
...
<div class="someclass">
... <!-- several nested divs here -->
<div id="outer&
浏览 1提问于2014-07-23得票数 1
2回答
我想在用户滚动时拉伸图像。 Container(
child: Image.asset(
'assets/appHeader.png',
fit: BoxFit.cover,
width: size.width,
height: 170,
),
) 这个图像在页面的顶部，当用户滚动时，我想拉伸图像。这将类似于SliverAppBar中的拉伸。我对flutter还是个新手，所以我对动画了解不多。
浏览 32提问于2020-11-11得票数 0
回答已采纳
我的网页有一个很大的问题已经有很长一段时间了，希望我能在你的帮助下找到解决我的问题的答案。我想要一个包含页面内容的div (其长度随单个页面的不同而不同)来拉伸页面的长度，但它只拉伸窗口的长度。下面是HTML和CSS：
HTML (我只包含了最基本的结构)：
<html>
<body>
<div class="container">
<div id="content">
<div id="..."></div>
<div id="..."><
浏览 1提问于2012-05-02得票数 1
基本上，我有一个宽度设置为100%的div，其中有一个img链接。img的宽度设置为auto，高度为600px。链接区域延伸到整个div的宽度，在本例中是整个页面的宽度，而不仅仅是img。
<div class="feature">
<a href="feature-page.html"><img src="feature.jpg" /></a>
</div>
.feature {
width: 100%;
height: auto;
}
.feature a
浏览 0提问于2014-10-01得票数 0
2回答
如何使用CSS为页面背景和DIV和表格背景拉伸背景图像…因此，如果窗口大小改变，背景图像大小应该相应地拉伸(扩展/收缩)...
浏览 3提问于2010-10-13得票数 2
3回答
我有下面这样的html
<div>
<div class="left">
</div>
<div class="center">
</div>
<div class="right">
</div>
</div>
.left
{
background: none repeat scroll 0 0 white;
border-right: 1px solid #C3C3C3;
float: left;
浏览 1提问于2011-12-07得票数 1
回答已采纳
3回答
找到伸展网页的元素？
、、、
我正在为做一些工作，我遇到了一些令人困惑的事情。
网页底部有一个水平滚动条，但我一直不知道为什么。使用Google Chrome的开发人员工具，我发现整个页面上只有3个项目的宽度超过960像素。前两个是html和body，第二个是#hpages，但是第二个只有970像素宽(html和body都是1263像素宽)。此外，还有一个非常明显的CSS规则，将#hpages扩展到970像素：
#hpages ul { width:970px; float:right; }
我找不到这样的规则来扩展html或body元素。我尝试运行以下脚本，以查看是否有任何我只是忽略的元素可能会拉伸页面：
javas
浏览 0提问于2011-11-01得票数 10
回答已采纳
我有一个除以div的HTML页面，其中一个文本框是自动完成的：
HTML代码：
<div class="col-md-2">
<input type="text" class="acDoc ui-autocomplete-input"
data-bind="ac:Doctors, acSelected: selectedDoctor, acLabel: 'Name', acValue: 'Value'
浏览 0提问于2018-07-31得票数 0
2回答
我想在浏览器页面中显示一个图像，并对其进行拉伸，使其充满整个浏览器页面。
我试过了：
<asp:Image ID="myimage" runat="server" ImageUrl="/Images/mypic.jpg" Width="100%" Height="100%"></asp:Image>
并尝试使用css：
<asp:Image ID="myimage" runat="server" ImageUrl="/Images/mypic.j
浏览 0提问于2011-11-05得票数 0
回答已采纳
1回答
我在一个HTML页面上有一个画布：
<canvas id="canvas" class="canvas"></canvas>
属性width和height将画布拉伸到某个字段，但不调整其大小。所以
var canvasElement = document.getElementById('canvas');
canvasElement.width = 400;
canvasElement.height = 400;
不起作用。
如何调整画布的大小(使其不等于160*320)？
浏览 2提问于2013-03-10得票数 1
回答已采纳
2回答
我有一个应用程序在一个网页，我有问题，以防止内部文本转移。我以前的表格接受最小宽度选项，当您增加网站页面时，防止文本/td的拉伸/移动(例如，我有双监视器，所以当我拉伸超过2个监视器时，除了页脚之外，所有东西都保持不变)。
我想知道如何将每个<td>文本固定在页面中。
HTML：
<table cellpadding="0" cellspacing="0" border="1" width="100%" style="min-width:1400px">
<tr bgcolor
浏览 3提问于2015-06-11得票数 0
回答已采纳
1回答
我有一个svg文件，我想使用它作为完整的页面背景。我试过如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Full Page Background Image | Progressive</title>
<style>
* { margin: 0; padding: 0; }
html {
background: url(city
浏览 1提问于2015-03-26得票数 3
回答已采纳
我对html和css比较熟悉，但我似乎不明白为什么Moriel Weiner的图片会被拉伸。我正在检查img元素，它的样式和其他元素一样，所以我有点困惑。如果我的措辞有误，很抱歉。这也不是我的网站，我只是负责通过sFTP客户端上传东西到网站，如果这有帮助的话。
这是页面
浏览 20提问于2020-02-14得票数 0
回答已采纳
1回答
网页高度在移动狩猎中拉长。
、、、、
我已经创建了一个网站，它的工作在所有平台上，除了移动狩猎，在那里的页面高度是拉伸和第一次点击后页面变得没有反应。
html,body {
height:100%;
background:center no-repeat fixed url('../asset/images/logo1.jpg');
background-size: cover;
color:#444;
font-family: 'Lato', sans-serif;
}
我的元标签：
<meta name="viewport" content="
浏览 1提问于2016-08-28得票数 2
4回答
图像大小为1274x793。我想要它作为我的背景图像。但是当添加到css上时，它会被上下裁剪。我想让它在我的页面上显示完整的尺寸，而不是在页面上拉伸它。 html, body {
height: 100%;
}
body {
font-size: 100%;
line-height: 1.5em;
}
/*Banner Section*/
#banner {
height: 100%;
background: url('/wonderwoman.jpg');
background-repeat: no-repeat;
浏览 38提问于2017-07-30得票数 0
回答已采纳
有没有任何方法来定位，您的HTML元素之一与页面的拉伸的背景相关？
你把背景拉长了，
现在你想在你的徽标旁边写点东西。
考虑到分辨率和浏览器
CSS & JQuery
如果您知道任何策略或任何好的文章/教程
我很高兴收到你的来信
谢谢
浏览 4提问于2010-08-27得票数 0
回答已采纳
1回答
HTML中的不同比例图像
、、、、
我有一个比例为16:9的图像，我需要它在网站上使用。在其中一个页面上，我显示了具有340x265比率的图像的产品列表，当用户单击该项目时，它会转到该产品页面，在那里应该以400x200的比率查看相同的图像。所以问题是，如果定量差图像可以被拉伸。我对html还很陌生，什么才是处理这个问题的正确方法呢？
浏览 2提问于2014-05-02得票数 0
2回答
我有一个简单的函数，检查窗口的宽度，并根据该值拉伸内容。但是，当我调整页面大小并重新加载站点时，在调整窗口大小之前什么都不会发生。在angular2中如何在页面加载时调用函数？
我的整个app.component.ts文件：
import { Component } from '@angular/core';
@Component({
templateUrl: './app.component.html'
})
export class appComponent {
private checkScreenWidth() {
if (windo
浏览 0提问于2016-11-27得票数 3
3回答
我有下面的HTML来构建一个900像素宽，居中的页面，有页眉，页脚和内容部分：
<body>
<div id="mainMaster">
<div id="main">
<form runat="server">
<div id="header">
</div>
<div id="content">
浏览 1提问于2010-07-21得票数 1
2回答
我的网站有一个视频作为背景(html5视频元素)，不知何故，它显示在整个页面的一半(而不是拉伸整个页面)。当被检查时，视频元素具有：
element.style {width: 1349px; margin-top: -344px; margin-left: 0px; }
但是我不知道这个margin-top: -344px是从哪里来的。我买了网站模板。有没有人能给我一些建议，让我找出原因？
浏览 0提问于2013-01-10得票数 0
我有包含命令按钮和内联框架的.jsff页面。我想做的是，我想让命令按钮保持在同一位置不动，只有内联框架可以移动时滚动页面。
目前我所做的是设置一些面板拉伸layout(StyleClass:AFStetchWidth)。我把命令按钮放在顶部。位于中心的滚动面板组中的内联框架。
这是我的结构：
af:panelStetchLayout(StyleClass:AFStretchWidth)
面板拉伸布局面
bottom
center
af:panelGroupLayout-scroll
af:inlineFrame (StyleClass:AFStr
浏览 3提问于2013-01-17得票数 1
我有一个HTML页面，左侧有一个文本区域，右侧有一个div。两者都有100%的高度和50%的宽度。div有一个溢出，所以它永远不会拉伸页面。
我希望在文本区域中输入的所有内容都被复制到div中，这样它们就永远是相同的。虽然这没有问题，但当页面内容变得太大，我们开始滚动时，它就会出错。我想把div和文本区域一起滚动。你有什么建议吗？
浏览 0提问于2012-01-20得票数 0
回答已采纳
在过去的几天里，我一直在尝试拉伸特定的部分来填充整个容器，我让它工作了。问题是，在移动/平板电脑中，会出现一个左右滚动条，它也会弄乱粘性标题。
我拉伸的页面:我使用的代码：
#primary .container {
padding-right: 0px;
padding-left: 0px;}
.layout-content.boxed #primary {
padding: 0px;
}
@media only screen and (min-width: 768px) {
.layout-content.boxed #primary{padding: 0 !important;}
}
浏览 2提问于2018-01-01得票数 0
我有一个只有一个文本字段的子报告。此文本字段可以有大约5000个字符从服务中检索。
我的目标是在父报表上显示这个子报表。它应该从“浮动”位置开始，我将它以连续的方式放置到多个页面。
当我的父报表中有这个子报表时，当子报表中的文本字段的“拉伸溢出”设置为false时，文本剪辑。当我将“拉伸与溢出”设置为真时，文本字段在页面上显示为空白，但占用父报表上所需的空间。
我试过以下几种方法，但似乎都没有用：
1.在次级报告中：
当细节溢出= true时打印
分体式=“拉伸”
忽略分页=真
2.主要报告：
分体式=“拉伸”
在子报表对象上打印详细信息溢出= tr
浏览 4提问于2016-02-26得票数 1
回答已采纳
我试图确保页面只显示窗口的高度，即使调整了大小，也不会向下滚动。我不要滚动条。我目前尝试的方法是：
<!DOCTYPE html>
<html>
<head>
<style>
.wrapper
{
height:100%;
overflow:none;
}
</style>
</head>
<body>
<div class="wrapper">
<iframe src="https://media.embed.ly/1/frame?url=http%3A%2F%2F
浏览 5提问于2013-09-16得票数 0
回答已采纳
由于某些原因，Safari不适合我的内容。我使用一个边框来可视化div，主要的目标是只有边框底部，但我不想让它100%拉伸父级。
Chrome会将div调整到<p>的长度，而Safari则将div扩展到页面宽度的100%。
HTML：
<div id="wrapper">
<p>OKAY</p>
</div>
CSS：
#wrapper {
display: inline-block;
width: auto;
border: 2px solid;
}
浏览 0提问于2015-01-03得票数 1
我有一个简单的HTML布局：
<div style="position:relative; width:200px">
<div style="position:absolute; top:0; left:0; background-color:red; z-index:-1; width:100%; height: 100%"></div>
Some text goes here....
</div>
这样的代码可以在除IE6之外的所有浏览器中正常工作。添加文本时，顶部div会被拉伸，绝对位置div也
浏览 0提问于2010-08-29得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
