css像素大于768px时显示页面全部内容,怎么设置

html-css023

css像素大于768px时显示页面全部内容,怎么设置,第1张

1、如果楼主只是将其当做一张图片显示，可以通过css控制，如img{width:100%height:100%}.

否则需要将其作为网页背景的话可以试试如下方法：

2、如果这张图片为背景图片由于背景图片不具有伸缩性，只能通过别的方法绕着解决，在ie中可以用<body

style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">，实现背景拉伸铺满整个浏览器，但其它的浏览器不支持。

这时可以拐个弯，设置两层div，底层div当做背景使用，放置一张图片即可。

<div id="background" style="position:absolutez-index:-1width:100%height:100%top:0pxleft:0px"><img src="1.jpg" width="100%" height="100%"/></div>

再将网页内容放置到第二层上<div id="content">页面内容</content>

3、网页背景图片默认情况下是重复平铺满整个页面。上面2方法是要求图片不重复，但又得占满浏览器所采用的方法。

css已设置width100% 宽度没有占满浏览器是设置错误造成的，解决方法为：

1、首先需要新建一个html文件，命名为test.html。

2、接下来在test.html文件内，使用div创建一个模块，下面将对该div进行样式设置。

3、然后在test.html文件内，给div添加一个class属性，主要用于在css标签中设置它的样式。

4、在css标签中，使用width属性设置div的宽度，设置width100%即可。