解决：浏览器放大缩小后页面或轮播图片显示不全问题

一、浏览器放大缩小后页，页面显示不全，解决方法

原因：这种情况，一般是因为CSS中的界面宽度用了百分比，比如布局的DIV宽度设置为100%

解决办法：在CSS里凡是整个页面宽度为width:100%;的，全部加上：min-width:1080px;//具体数值根据您自己网站宽度而定

二、浏览器放大缩小后页，图片显示不全，解决方法

（1）一般方法：

在页面中加个js函数，就好了，如下：
window.onresize = function() {
window.location.href=""
};
代码解读：
window.onresize是浏览器窗口大小改变事件
window.location.href=""是重新加载页面

不能用window.location.reload();因为部分浏览器不支持

总结：这种方法的优点是简单，缺点是会刷新一次网页。

（2）最佳方法：

解决思路：针对window.onresize（浏览器窗口大小改变事件）事件，写一个js函数，获取当前浏览器窗口宽度，并赋值给对应的元素（比如div或图片）

具体函数举例：

window.onresize = function() {
var juhaoyongLunboImgLiWidth=document.documentElement.clientWidth;
var imgLiId1 = document.getElementById("img1");imgLiId1.style.width = juhaoyongLunboImgLiWidth+"px";
var imgLiId2 = document.getElementById("img2");imgLiId2.style.width = juhaoyongLunboImgLiWidth+"px";
var imgLiId3 = document.getElementById("img3");imgLiId3.style.width = juhaoyongLunboImgLiWidth+"px";
};

代码解析：

document.documentElement.clientWidth;//获取浏览器窗口文档显示区域的宽度，不包括滚动条。

var imgLiId1 = document.getElementById("img1");//获取元素id

imgLiId1.style.width = juhaoyongLunboImgLiWidth+"px";//把当前窗口宽度赋值给元素

总结：该方法比第一个方法复杂，但是解决问题更直接，更有效，推荐使用