JavaScript在IE中应用最大宽度(像素)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript在IE中应用最大宽度(像素)相关的知识,希望对你有一定的参考价值。

  1. var maxWidth = '750'; // Max width of area to be resized
  2. var content_area_id = ''; // ID of the element to be resized
  3.  
  4. var resizeTimeout = null;
  5.  
  6. function fixWidth() {
  7. var visibleArea = document.documentElement.clientWidth;
  8. if (visibleArea > maxWidth) {
  9. document.getElementById(content_area_id).style.width = maxWidth;
  10. } else {
  11. document.getElementById(content_area_id).style.width = visibleArea;
  12. }
  13. }
  14.  
  15. function addLoadEvent(func) {
  16. var oldonload = window.onload;
  17. if (typeof window.onload != 'function') {
  18. window.onload = func;
  19. } else {
  20. window.onload = function() {
  21. if (oldonload) {
  22. oldonload();
  23. }
  24. func();
  25. }
  26. }
  27. }
  28.  
  29. window.onresize=function(){
  30. if (resizeTimeout) {
  31. window.clearInterval(resizeTimeout);
  32. }
  33. resizeTimeout = setTimeout(fixWidth, 500);
  34. }
  35.  
  36. addLoadEvent(fixWidth);

以上是关于JavaScript在IE中应用最大宽度(像素)的主要内容,如果未能解决你的问题,请参考以下文章

CSS 宽度 100% 或最大宽度(以像素为单位)

JavaScript IE的最小宽度和最大宽度

更改嵌入推文的最大宽度

IE6中的最小和最大宽度

选择固定宽度的下拉菜单,在 IE 中截断内容

如果大小大于 800 像素,则设置最大内容宽度