900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html图片原始比例_html图片如何按屏幕大小等比例缩放?

html图片原始比例_html图片如何按屏幕大小等比例缩放?

时间:2024-02-01 08:12:52

相关推荐

html图片原始比例_html图片如何按屏幕大小等比例缩放?

展开全部

html图片按屏幕大小等比例缩放若浏览器允许可按Ctrl+鼠标滚轮滑动缩32313133353236313431303231363533e59b9ee7ad9431333363396464放,或用代码。

具体方法如下:Ctrl+鼠标滚轮滑动缩放

css代码与htlm代码CSS 代码如下:

#background

{

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

overflow: hidden;

background-color: #211f1f;

display:none\8;

}

#background .bg-photo

{

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

display: none;

overflow: hidden;

-webkit-background-size: cover !important;

-moz-background-size: cover !important;

-o-background-size: cover !important;

background-size: cover !important;

}

#background .bg-photo-1

{

background: url('../image/alone.jpg') no-repeat center center;

}

#background-ie {

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

overflow: hidden;

background-color: #211f1f;

}HTML代码如下:

参考资料

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。