当前位置:编程学习 > html/css >>

精通CSS和PHP的进来看看

要求大致是这样:PHP获取当前用户显示屏尺寸,根据这个长宽确定某一class的显示宽度(而非CSS中设定的常数)。比如获取浏览器宽度为1200px,class ‘content’的width也为1200px,宽度为1440px时,width也变为1440px,以此类推~主要是为了让网页适应宽屏,不至于显得太小。方法不限,达成要求即可,好用必加悬赏~~~
补充:想补充一下,实际遇到这样一个小问题:class 'content' 里有多个图,原图的尺寸可能是随意的,但是显示时要求图的宽度为content的宽度,即width:100%,同时为保持图显示正常,高度也应适当调整,但不能写成height:100%(显示不正常,大家可以试试),请问如何在保持原图高宽比的情况下让图自适应content宽度?答对即发悬赏
答案:定义页面宽度为自动,或者设置成100%。就可以了。CSS就可以实现了。不用像楼主说的那样还要获取用户分辨率。
这样一要取参数,
二来,还要在页面进行判断,
虽然现在电脑都高级了,
但是没必要增加没用的响应时间,对吧?
其他:js好像才可以获取分辨率 ,是用分辨率区分的,和屏幕大小没关系 我来回答,两种方式
1 js
在asp网页制作中,根据分辨率自动调整网页宽度,无须用js编制类似以下的脚本:

<script LANGUAGE="JavaScript"> 
<!-- Begin 
function redirectPage() 
{ 
var url800*600 = "800*600页面"; 
var url1024*768 = "1024*768页面"; 
var url1440*900 = "1440*900页面"; 
if ((screen.width == 800) && (screen.height == 600)) 
window.location.href= url800x600; 
else((screen.width == 1024) && (screen.height == 768)) 
window.location.href= url1024x768; 
else((screen.width == 1440) && (screen.height == 900)) 
window.location.href= url1440x900; 

} 
// End --> 
</script>

2 css
定义表格宽度为100%:width:100% 呵呵 照你这要求。。。只要css里不写宽度即可。因为一个元素的默认宽度就是它父元素的宽度,如果它的父元素是body,那么它的宽度就是浏览器窗口中可用的宽度,。也就是100%
刚好达到你的要求。。。。 

上一个:CSS中ASP怎么编写
下一个:懂HTMLcss语言的高手请进,菜鸟有如下问题不知! 请看下面完整的代码,为什么表格第一行的高度不一样呢?

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,