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

html-css014

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方法是要求图片不重复,但又得占满浏览器所采用的方法。

高度和宽度尽量使用百分百,像素px换成em、rem这种,网页会根据大小来自适应,要想使用效果好,就需要根据不同分辨率来设置层的高宽、字体大小,设置几套样式来应用

@media screen and (min-width:640px) {

/*屏幕大于640像素应用该样式*/

}

@media screen and (min-width:460px) and (max-width:640px) {

/*屏幕小于640大于460像素应用该样式*/

}

@media screen and (max-width:460px) {

/*屏幕小于460像素应用该样式*/

}

频率超出范围 是因为你锁定了显示器的刷新频率。

分辨率太高以后,每帧显示器接受的信息量加强,你肯定又锁定了一个很高的频率(85Hz之类的),这样总数据量就会多很多,超出显示器的接受范围,所以就会出现“频率超出范围”

我也遇到过此类问题,把刷新率调低些(60Hz)就可以了。

你可以尝试在桌面 右键 属性->设置标签页->高级按钮->监视器标签页->屏幕刷新频率中改一个比较小的(40,60Hz啊什么的)。然后再打开css