最新消息:新席地网:网页制作,360度全景摄影,微信营销推广,详情见:新席地网xxidi.com,电话:13913571631

根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码

技术 admin 3823浏览 0评论

制作网页时最头痛的是如何适应不同分辨率的显示器和不同版本浏览器上网页的表现,现在光IE适用的版本就有6、7、8三个版本,而其他如firefox等等浏览也是很多用户在使用,要想让你制作的网页在这些不同分辨率和浏览器上展示的效果一致?下面的方法也许能够帮到您

既判断分辨率,也判断浏览器

根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码

解释:
var IE1024="";
var IE800="";
var IE1152="";
var IEother="";
引号里面分别填写,用户使用IE的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名.

var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxother="";
引号里面分别填写,用户使用FF的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名.

var Other1024="";
var Other800="";
var Other1152="";
var Otherother="";
引号里面分别填写,用户使用其他浏览器的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名.

不判断分辨率,只判断浏览器

根据浏览器类型自动调用不同CSS。


解释:
如果浏览器为IE,则调用default.css
如果浏览器为Firefox,则调用default2.css
如果浏览器为其他,则调用newsky.css

用法:
放在前面即可。



分享到: 更多

转载请注明:梦寻天涯的博客 » 根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址