相关疑难解决方法(0)

如何使div 100%的浏览器窗口高度?

我有一个有两列的布局 - 左边div和右边div.

右边div有灰色background-color,我需要它根据用户浏览器窗口的高度垂直展开.现在是background-color最后一段内容的结尾div.

我试过了height:100%,min-height:100%;等等

html css height

2016
推荐指数
33
解决办法
186万
查看次数

在后台拉伸和缩放CSS图像 - 仅限CSS

我希望我的背景图像拉伸和缩放取决于浏览器视口大小.

我已经在Stack Overflow上看到了一些关于完成这项工作的问题,例如Stretch和缩放CSS背景.它工作得很好,但我想使用background而不是使用img标签来放置图像.

在那个img标签中放置一个标签,然后用CSS我们向img标签致敬.

width:100%; height:100%;
Run Code Online (Sandbox Code Playgroud)

它有效,但这个问题有点陈旧,并指出在CSS 3中调整背景图像的大小将会很好.我试过第一个这个例子,但它对我来说没有用.

是否有一个很好的方法来做background-image声明?

css background

830
推荐指数
17
解决办法
169万
查看次数

CSS背景图像适合高度,宽度应按比例自动缩放

我希望背景图像适合div的高度,有办法做到这一点吗?background-size:cover;只适合宽度和高度自动缩放(我需要相反的效果).谢谢.

css css3

53
推荐指数
5
解决办法
9万
查看次数

如何制作伸展而不是拼贴的SVG背景?

我有一个我想要使用的SVG背景,我无法弄清楚如何让它延伸到整个页面,更不用说是一个背景.有人可以帮忙吗?

(关于SVG和背景的W3Schools页面都没有给我任何信息).

<object data="background.svg" type="image/svg+xml" width="100%" height="100%"> 不完全正常.

html css svg

23
推荐指数
3
解决办法
2万
查看次数

如何打印完全填满 A4 或其他格式的图像?

如果我使用 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

漏洞

html css image

4
推荐指数
1
解决办法
9146
查看次数

CSS创建一个宽度:100%停止浮动对象

试试这个:

<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"位于第三行.

我希望所有这些都在一行上,如果窗口加宽,文本输入应该加宽.没有桌子我该怎么做?

html css

2
推荐指数
1
解决办法
3670
查看次数

HTML/CSS - 使背景适合任何窗口大小

我需要帮助才能使背景合适.如果我使用全屏窗口,我希望整个图像显示和拉伸.

图像小于我的显示器,因此当我尝试拉伸它时,它只会放大.我会告诉你这个形象.

图片可以在这里看到: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.

我的代码工作得很好,因为窗口大小不超过图像的宽度/高度.试试我的代码并亲自看看,它没有显示完整的图像.就像放大一样.

html css size background

2
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×7

html ×5

background ×2

css3 ×1

height ×1

image ×1

size ×1

svg ×1