max-width不兼容IE6等浏览器的终极有效解决办法之一

王志勇 发表于 2018年11月27日 09:14

虽然我现在开发的预览是以火狐、谷歌浏览器为主,但是IE浏览器仍然不能忽视。(10年前我开发网页是以IE6为主)

如果把网页的宽度设置为100%,加一个max-width:720px,这种方式对于兼容电脑、手机版网页的效果很显著,特别酷。但昨晚突然发现max-width在IE6下不生效,在网上查阅了很多资料,添加了相关语句后,发现IE6、火狐能生效,但是手机浏览器的宽度又无法适应为100%。

今天有一个新发现,如果样式表中使用了max-width,用IE6打开网页会先卡顿几秒钟,去掉了max-width,网页打开又很流畅。

于是决定,干脆把max-width去掉。改用PHP的$_SERVER['HTTP_USER_AGENT']来判断USER AGENT,如果判断为手机版网页,则自动给HTML前台输出宽度为100%,如果判断为Windows系统,则输出宽度为720。

完美解决,整个世界都安静了。就是这个小问题,昨晚睡觉前调试了一个多小时。

0条评论:

发表评论:
名字: (*必填)
博客: (可省)

正文:

  记住信息?

直接发送Trackback到此文章

说明:本评论系统不支持HTML代码。(您的留言需要审核,审核规则请见这里。)

王志勇:1980-09-26 (38周岁)
程序设计,前端设计。

版权声明:本博客所有文章,均符合原创的定义,禁止转载,违者将必究;正确的方法是贴原文的标题和网址即可。

与此相关的链接
自由勇专栏

Blog存档 Archives

2018年12月
2018年11月(30)
2018年10月(30)
2018年09月(17)
2016年-2017年(9)
2014年06月-09月(10)
2013年 +

2012年 +
2011年 +
2010年 +
2009年 +
2008年 +
2007年 +
2006年 +
2005年09月(4)

Copyright © 2006-2018 auiou.com All rights reserved.
此Blog程序由王志勇编写 已经发布在Arsue