页面尺寸自动适应 1024*768和800*600分辨率

 

在开发网站时,有时候会因客户端和服务器的分辨率不同而影响整体效果,本实例将给出解决该问题的方法。

     设有3个网页:Default.aspxIndex.aspxMain.aspx,其中Index.aspxMain.aspx是网站的首页,Index.aspx在分辨率为1024*768的情况下可以正常浏览,main.aspx在分辨率为800*600的情况下可以正常浏览,Default.aspx的引入是作为主页的转向。

     Default.aspx网页中需要添加如下代码,对浏览器的分辨率进行检验,并进行相应的跳转。

<body>

<script language=”javascript”>

Var w=screen.width;

Var h=screen.height;

If(w==”1024”&&h==””)

{

    Window.location.href=”Main.aspx”

}

Else

{

    Window.location.href=”Index.aspx”

}

</script>

</body>

index.aspx页中需要添加如下代码,如果分辨率为800*600则转向main.aspx首页中,不能进入index.aspx首页中。

<script language=”javascript”>

Var w=screen.width;

Var h=screen.height;

If(w==”800”&&h=”600”)

{

   Window.location.href=”Main.aspx”

}

</script>

main.aspx页中需要添加如下代码,如果分辨率为1024*768则转向index.aspx首页中,不能进入main.aspx首页中。

<script language=”javascript”>

Var w=screen.width;

Var h=screen.height;

If(w==”1024”&&h=”768”)

{

   Window.location.href=”Index.aspx”

}

</script>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值