我有一个有两列的布局 - 左边div和右边div.
右边div有灰色background-color,我需要它根据用户浏览器窗口的高度垂直展开.现在是background-color最后一段内容的结尾div.
我试过了height:100%,min-height:100%;等等
我希望我的背景图像拉伸和缩放取决于浏览器视口大小.
我已经在Stack Overflow上看到了一些关于完成这项工作的问题,例如Stretch和缩放CSS背景.它工作得很好,但我想使用background而不是使用img标签来放置图像.
在那个img标签中放置一个标签,然后用CSS我们向img标签致敬.
width:100%; height:100%;
Run Code Online (Sandbox Code Playgroud)
它有效,但这个问题有点陈旧,并指出在CSS 3中调整背景图像的大小将会很好.我试过第一个这个例子,但它对我来说没有用.
是否有一个很好的方法来做background-image声明?
我希望背景图像适合div的高度,有办法做到这一点吗?background-size:cover;只适合宽度和高度自动缩放(我需要相反的效果).谢谢.
我有一个我想要使用的SVG背景,我无法弄清楚如何让它延伸到整个页面,更不用说是一个背景.有人可以帮忙吗?
(关于SVG和背景的W3Schools页面都没有给我任何信息).
<object data="background.svg" type="image/svg+xml" width="100%" height="100%"> 不完全正常.
如果我使用 Chrome 或 Firefox 打印图像,我会遇到一些问题。我还没有找到如何摆脱肖像或风景中的白色边框。遗憾的是,这个stackoverflow 解决方案似乎对我不起作用。
目前我使用这个代码:
echo "<body onload=\"window.print()\" onfocus=\"window.close()\">";
echo "<style type=\"text/css\" media=\"print\">";
echo "@page { size: auto; }";
echo "</style>";
echo "<img src=\"". $dirname . '/' . $photo ."\">";
Run Code Online (Sandbox Code Playgroud)
我得到的结果与将它从 windows 文件夹拖放到 Internet 导航器中的结果相同,如下例所示:
铬设置为: - 风景 - 颜色 - A4 - Marges none

试试这个:
<div style="float:left"><p>LEFT</p></div>
<div style="float:right"><p>RIGHT</p></div>
<div><p>
<input type="text" style="width:100%" />
<input type="submit" />
<a href="">Link</a>
</p></div>
Run Code Online (Sandbox Code Playgroud)
最终,LEFT和RIGHT位于第一行,文本输入占据整个第二行,"Submit"和"Link"位于第三行.
我希望所有这些都在一行上,如果窗口加宽,文本输入应该加宽.没有桌子我该怎么做?
我需要帮助才能使背景合适.如果我使用全屏窗口,我希望整个图像显示和拉伸.
图像小于我的显示器,因此当我尝试拉伸它时,它只会放大.我会告诉你这个形象.
图片可以在这里看到:http: //i.imgur.com/DDsTag7.jpg
到目前为止我的代码(CSS):
body {
background-image:url(Ranger_with_Tusks_of_Killed_Elephant.jpg);
background-size:100%;
background-repeat:no-repeat;
height: 100%;
width: 100%;
}
Run Code Online (Sandbox Code Playgroud)
它完全破坏了我的屏幕尺寸背景图像:1920x1080
无论大小如何,如何让它显示整个图像?最好只使用CSS.
我的代码工作得很好,因为窗口大小不超过图像的宽度/高度.试试我的代码并亲自看看,它没有显示完整的图像.就像放大一样.