兼容各大浏览器屏幕尺寸宽高设置

灰太狼 2022-06-16 13:47 235阅读 0赞

<!DOCTYPE html > 
      
       < html lang= "en" > 
      
       < head > 
      
       < meta charset= "UTF-8" > 
      
       < meta name= "viewport" content= "width=device-width, initial-scale=1.0" > 
      
       < meta http-equiv= "X-UA-Compatible" content= "ie=edge" > 
      
       < title >兼容浏览器宽高设置 </ title > 
      
       < script src= "jquery-1.11.1.min.js" ></ script > 
      
       </ head > 
      
       < body > 
      
       < input type= "text" class= "filterinput" > 
      
       < ul class= "role00" ></ ul > 
    
      
       < script > 
      
       var Controller={ 
      
       "getMaxSize" : function(){ 
      
       var winW = 1024 
      
       var winH = 768; 
      
       
      
       if( window. innerHeight) 
      
       { // all except IE 
      
       winW = window. innerWidth; 
      
       winH = window. innerHeight; 
      
       }        
      
       else if ( document. documentElement && document. documentElement. clientHeight) 
      
       { 
      
       // IE 6 Strict Mode 
      
       winW = document. documentElement. clientWidth; 
      
       winH = document. documentElement. clientHeight; 
      
       }        
      
       else if( document. body) 
      
       { // other 
      
       winW = document. body. clientWidth; 
      
       winH = document. body. clientHeight; 
      
       } 
      
       return { width:winW, height:winH}; 
      
       }, 
      
       }; 
      
       
      
       /*用法*/ 
      
       Controller. getMaxSize. width(); 
      
       </ script > 
      
       </ body > 
      
       </ html >

发表评论取消回复

表情：

评论列表（有 0 条评论，235人围观）

还没有评论，来说两句吧...

相关阅读

相关自适应屏幕宽高

css3 属性@media 自适应屏幕宽高 <!DOCTYPE html> <html> <head> <meta charset="UTF-

傷城~/ 2023年10月06日 17:28/ 0 赞/ 41 阅读

相关浏览器宽高

网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：documen

电玩女神/ 2023年01月18日 06:44/ 0 赞/ 135 阅读

相关 Vue - 获取当前浏览器屏幕宽高（document Object）

前言有时候，我们需要获取浏览器当前尺寸的宽高。 ![在这里插入图片描述][20210524105330192.png] 解决方案原生 `document`

喜欢ヅ旅行/ 2022年10月15日 07:55/ 0 赞/ 726 阅读

相关 Android获取屏幕宽高

//获得屏幕相关的辅助类 public class ScreenUtils { private ScreenUtils()

小咪咪/ 2022年10月01日 00:57/ 0 赞/ 204 阅读

相关兼容各大浏览器屏幕尺寸宽高设置

<!DOCTYPE html > < html lang= "en" > < head >

灰太狼/ 2022年06月16日 13:47/ 0 赞/ 236 阅读

相关 Android获取屏幕宽高

// 方法一： WindowManager wm1 = this.getWindowManager(); int wid

向右看齐/ 2022年06月13日 03:25/ 0 赞/ 225 阅读

相关设置图片的宽高一样大

在移动设备上，我们常常需要将一张图片的宽度设为屏幕的宽度，同时将图片的高度设置成和图片的宽度一样大，下面讲讲用css如何设置。 html如下 <div class=

古城微笑少年丶/ 2022年05月25日 01:47/ 0 赞/ 216 阅读

相关监听、获取屏幕宽高

//获取屏幕宽高 window.innerHeight; function events() { $(window).res

骑猪看日落/ 2022年02月04日 06:27/ 0 赞/ 350 阅读

相关各大浏览器兼容整理

1.火狐浏览器不识别event，需要手动添加： var event=window.event||arguments.callee.caller.arguments[0

痛定思痛。/ 2021年10月01日 01:08/ 0 赞/ 479 阅读

相关浏览器获取宽高

`screen.availHeight` is the height the browser's window can have if it is maximized.

待我称王封你为后i/ 2021年09月10日 09:44/ 0 赞/ 445 阅读