需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml。
2、在indexhtml中的<style>标签中，输入css代码：body {background: url(imagejpg) no-repeat; background-size: 300px}。
3、浏览器运行indexhtml页面，此时背景成功用css等比例缩小到了300px宽度的大小。
一、 自然拉伸如果网站结构没有用到大量的图形来衔接，主要由表格来定结构，那么就可以使用该方法。非常适用于主要由表格、文字来表达信息的简单的网页页面。制作表格时，只要你把表格的宽度属性定义为100%
，表格就会根据分辨率的不同自行调整宽度。
二、 固定居中
在800×600分辨率下制作的网页在1024×768分辨率的机器上打开，整个网页就会跑到左边；1024×768分辨率的网页在800×600分辨率的机器上有时也会变得"不堪入目"。
现在大多数网民都还在用800600的分辨率，所以可以以此分辨率为主。只要在网页原代码的<body>后紧加一句<center>，</body>前加一句</center>就OK了。不过有几个问题这是要注意一下，第一个要注意的是上面说到的百分比的问题，表格、单元格的宽度单位最好要使用像素单位，而不要用百分比。例如width=770。如果你的表格宽度设的是百分比，那么使用大于800×600的像素时，网页就会拉宽，这样网页可能会变形。在<body>中加入leftmargin=0，即<body
leftmargin=0>这种情况下，800×600支持的表格宽度为780像素时不会出现滚动条。还有一点要注意的是不能用DW中的层来定位。
三、 兵分两路
如果你的网页不经常更新，而且对页面效果极其在意，那好，你就设计两个页面，分别对应800×600和1024×768两种分辨率。然后根据不同的分辨率进行跳转就行了。
例如：
<script LANGUAGE="JavaScript">
function redirectPage() {
var
url_else = ">问题一：word设置背景图缩放比例 双击页眉――点选背景――右键――设置格式――大小――缩放：订入百分比――确定――关闭“页眉和页脚”工具条。
问题二：div+css怎么让背景自动缩放 你好,是根据串口大小来自动调整的么
这样:
body {
background: url(//img/bgjpg) fixed center center no-repeat;
background-size: cover;
width: 100%;
}
问题三：jquery 背景等比例缩放 20分]@]@]
@body{
padding:0 ; margin: 0;
width:100%;
background-image:url();
background-repeat: no-repeat;
background-size: cover;
}
问题四：PS 怎么等比例缩放 按住shift健
问题五：如何将等比例缩小？ 10分 要将等比例缩小，可以使用ps、美图秀秀、画图工具等等各种处理的软件来弄，以下是电脑自带的画图工具等比例缩小的方法：
在电脑上找到需要等比缩小的，鼠标右击它，选择“编辑”；
在打开的界面上点击“重新调整大小”；
厂击勾选“保持纵横比”，然后可以选择”百分比“或者”像素“为依据，直接输入比原来小的百分比或者像素数值，最后点击”确定“，并且保存即可。
问题六：如何将excel等比例缩小或放大 拖的时候按shift试试
问题七：dw怎么等比例缩放 编辑 ，属性里，不过只能按百分比缩放，不能直接拖放，见
问题八：在Word中插入,怎样调整使成比例的放大或缩小 按住Shift键，进行调整
问题九：css中如何调整插入背景的大小 CSS21 之前是不能设置背景图大小的，CSS3就可以通过background-size来设定大小，可以是像素或者是百分比，如background-size:100px 200px;表示把背景大小调整为100x200px，目前IE只有IE9支持这个属性，其它主流浏览器也都支持
问题十：AI中怎么把图像等比例扩大或缩小尺寸 按键盘上的Shift+鼠标等比拉伸
（或是上方直接输入）
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）