如何调节网页显示比例

以360安全浏览器为例，调节网页显示比例的方法有：

方法一：

1、打开360安全浏览器。

2、在360安全浏览器菜单栏点击【查看】——【网页缩放】，鼠标移动至“网页缩放”选项后，自动d出的显示列表里选择页面缩放比例。如图所示。

方法二：在需要调节的页面，按住键盘的【Ctrl】键，再按【+】或【-】键对网页进行缩放 *** 作。

方法三：在需要调节的页面，按住键盘的【Ctrl】键，，滑动鼠标的滚轮，对网页进行缩放 *** 作。

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

具体方法如下：

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代码如下：

<div id="background">

<div class="bg-photo bg-photo-1" style="display: block"></div>

</div>

参考资料

html 网页背景图片根据屏幕大小CSS自动缩放.CSDN博客[引用时间2017-12-29]

---