css手机版页面制作时如何让背景图片适应div的高度和宽度
www.zhiqu.org 时间： 2024-06-15
具体步骤如下：
1、输入position:fixed; top: 0; left: 0;使整个div固定在屏幕的最上方和最左方。
2、输入width:100%;height:100%; min-width: 1000px;这个可以适合div的高度和宽度，而min-width是为了实现让屏幕宽度在1000px以内时，div的大小保持不变。
3、输入background-size: cover;-webkit-background-size: cover;-o-background-size: cover;使图片随屏幕大小同步缩放，但是有部分可能会被裁切，不过不至于会露白，下面两句是为chrome和opera浏览器作兼容。
4、输入background-position: center 0;使图片的位置，居中，靠左对齐。
~
#雕疮苗# html5手机页面背景图片自适应大小问题 -
(15633983398)： 首先需要div布局,HTML布局: <!DOCTYPE html> <html lang=＂en＂><head><meta charset=＂UTF-8＂><meta name=＂viewport＂ content=＂width=device-width, initial-scale=1, user-scalable=no＂><title>背景图片自适应</title><style type=＂...
#雕疮苗# 如何让div去适应里面图片的大小? -
(15633983398)： 中加个onload 事件 然后在事件里面设置div的大小
#雕疮苗# html怎么将背景图与浏览器大小自适应 -
(15633983398)： 1、图片不够大,又background属性不能拉伸图片; 2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img> 3、body的background属性去掉,要不然会被遮住 [html] view plain copy<!DOCTYPE html PUBLIC ...
#雕疮苗# 如何让背景图片自适应网页的大小?
(15633983398)： 如果通过css设置背景图,那么图片尺寸要足够大,目前大宽屏1920左右,所以宽度最好设置为1920,然后居中;如果通过div嵌入图片,那么将此div设置成绝对定位,z-index:-1;
#雕疮苗# css如何使div背景图片填充 -
(15633983398)： 首先你需要保证背景图片的比例与 div 一致,然后再给 div 加上:background-size: cover; -moz-background-size: cover; 应该就可以了.
#雕疮苗# 手机网页中的背景图片怎么自适应?? -
(15633983398)： background-size:100% 100%;这样就可以了,只要元素自适应,背景自然会自适应,所以元素要改成百分比的形式.
#雕疮苗# 用css、如何让图片自动适应屏幕大小,不出现滚动条,不变形,兼容各个浏览器?急!!!各位大神帮帮忙 -
(15633983398)： 如果是个背景图的话,定义一个div,高100%,宽100%,里面放个img<div class='bg'> <img src=＂images/bg.jpg＂ alt=＂＂></div> html,body{overflow: hidden;}.bg{width: 100%;height: 100%;top:0;z-index: -1; position: absolute;}.bg img{display: block;outline: none;border:0;height: 100%;width: 100%;}
#雕疮苗# 手机浏览器获取自适应 div 的显示高度 -
(15633983398)： 需要一个DIV根据里面的元素自动适应高度,所以,肯定无法给这个DIV定义一个实际高度.而随便嵌套一个DIV却发现并不适应高度.这事就郁闷了.下面给出一些方法.大致的例子是: <div id=＂main＂><div id=＂content＂></div></div>当...
#雕疮苗# 怎么让图片在手机端自适应大小 -
(15633983398)： 首先看一下图片自适应的网页.(本图中的图片大小刚好占满浏览器) 首先,我们在body中增加canvas标签: <canvas id=＂myCanvas＂> Your browser does not support the canvas element. </canvas> <div> 本养老院占地面积是14000平方米...
#雕疮苗# div如何设置背景图片的图片不够长 -
(15633983398)： 如果想兼容所有浏览器,不能这样做,只能在div里加img标签,然后设置div的宽高跟img的宽高相同.如果只需要兼容高级浏览器,可以再加一个属性,background-size:100% 100%;
