html5设置照片大小 html设置图片宽度

html5手机页面背景图片自适应大小问题

html5中是通过css3的background-size来控制自适应的。

创新互联是一家从事企业网站建设、成都做网站、成都网站建设、行业门户网站建设、网页设计制作的专业网站建设公司，拥有经验丰富的网站建设工程师和网页设计人员，具备各种规模与类型网站建设的实力，在网站建设领域树立了自己独特的设计风格。自公司成立以来曾独立设计制作的站点1000多家。

如果通过css设置背景图，那么图片尺寸要足够大，目前大宽屏1920左右，所以宽度最好设置为1920，然后居中；如果通过div嵌入图片，那么将此div设置成绝对定位，z-index：-1。

style=width：50%/ 这样就会保持屏幕的50%的宽度。

首先看你的背景图片大小，如果很大的话，一般情况下很多显示器都会显示的合适。如果是想适应移动设备的，用一个CSS3属性 background-size：cover；就可以了，可以将背景图根据窗口大小铺满整个浏览器窗口。

1、修改照片大小kb可以通过系统自带的图片查看器进行修改、使用PS工具进行修改、使用画图工具等方法进行操作。系统自带的图片查看器：选中照片：进入电脑的文件夹界面，单击鼠标左键选中你的照片。

2、打开电脑，找到要编辑的目标图片或照片，将光标放在图片上点击右键，在弹出的下拉对话框中选择“编辑”按钮。单击右上角工具栏中的“主页”，找到“调整大小”选项，然后单击。将弹出调整大小和扭曲对话框。

3、可以通过修改图片的像素及尺寸来更改大小。可以使用电脑自带的画图软件，通过重新调整大小功能即可完成操作。首先找到想要更改大小的图片，这里以大小为689KB的图片进行操作。

4、打开画图软件，单机左上角文件选项卡，点击打开选择自己想要更改的图片。这里以82mb的图片为例。单击图像功能区的“重新调整大小”功能。此时可以根据百分比或者像素调节，将其修改为想要的大小。这里以20为例。

5、首先我们电脑都有自带的一个画图软件，把鼠标放到我们要调整尺寸的图片上右击，在出来的菜单中有一项是打开方式的选择。在打开方式的选择项中，我们点击选择画图的方式。打开如下图所示。

6、首先，下载 “ 手机PS ”或“PStouch”APP，其中有修改图片尺寸的功能，以PStouch为例，下载APP后打开界面，点下边左边的按钮选择图片库从手机图库中添加图片，或选择相机直接拍照获得图片。选好图片点 “添加”后，就会出现界面。

可以通过background-size属性来设定背景图片的大小。它可以是像素（px）或者是百分比(%)，举例说明：background-size：950px*200px这表示把背景图片大小调整为宽度950像素，高度200像素。

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

文章名称：html5设置照片大小 html设置图片宽度
文章源于：http://hbruida.cn/article/digijps.html