关于min-height:100%的解决办法

  前几天碰到一个问题,在用bs和jq2.2.0开发时,min-height设为100%在firefox和ie下没有起作用,先用css改了一下,但是min-height虽然是奏效了,但同时出现了其他css问题,千丝万缕,随后万能的js完美解决问题,简单粗暴。

  首先说一下问题产生的原因:jq2+获取heigh没有兼容Ie,故height()不行。

  查阅资料知:窗口的高度

  firefox、chrome、IE9和safari:window.innerHeight

  IE系列:document.body.clientHeight

  不是IE6:document.documentElement.clientHeight

  故兼容代码如下:

1 var height = window.innerHeight || (document.body ? document.body.clientHeight : false) || (document.documentElement ? document.documentElement.clientHeight : null);

  innerHeight获取窗口的文档显示区的高度,但是ie不支持,它用 documentElement.clientHeight 或 document.body.clientHeight 替代。故上面的代码可兼容ie。

  不是ie时,取innerHeight,ie时若documentElement.clientHeight为真则取documentElement.clientHeight,若document.body.clientHeight 为真则取document.body.clientHeight 。

  至此问题完美解决,赋值给min-height即可。

时间: 2024-10-09 08:22:05

关于min-height:100%的解决办法的相关文章

使flex-direction: column的子元素height: 100%生效的办法

在flex-direction: column子元素里直接使用height:100%,height并不会被设置成100% <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0&

ViewPager不能高度自适应?height=wrap_content 无效解决办法

ViewPager用的很多,主要用啦展示广告条.可是高度却不能自适应内容,总是会占满全屏,即使设置android:height="wrap_content"也是没有用的.. 解决办法其实网上有很多,但是个人感觉不是很好 比如:LinearLayout的时候, 使用weight来自动调整ViewPager的高度. 一般的代码如下: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android

【问题解决方案】MacBook Pro TextInputMenuAgent 未响应,风扇狂转电脑发热CPU 占用 100% 的解决办法

问题描述: MacBook Pro 升级到 Catalina (V 10.15.2) 后,TextInputMenuAgent 未响应,disnoted 占用了大量的 CPU,两个进程合起来整台 Mac 的 CPU 被用了 90%,电脑出现风扇疯狂运作,机身发烫,掉电迅速等问题. 法一:重启 法二:在活动监视器中把这两个进程直接强制关了,见效快,复现也很快,一天可能能出现个 2-3 次. 解决办法 1.删除苹果自带的中文拼音输入和中文手写输入 系统偏好 -- 键盘 -- 输入法,将苹果自带的中文

Android Call requires API level 11 (current min is 8)的解决办法

问题:设置完了RTL为true之后mannifest.xml出现Android Call requires API level 21 (current min is 8)的警告 原因:minSdkVersion版本过低 1 <uses-sdk 2 android:minSdkVersion="8" 3 android:targetSdkVersion="21" /> 解决方法:更改minSdkVersion版本,higher 1 <uses-sdk

Juniper SRX220防火墙CPU达到100%的故障解决办法

Juniper SRX220防火墙CPU达到100%的故障解决办法 一.背景 2016年5月21日设备巡检时发现广东机构的防火墙SRX220的CPU高达100%,但是设备还能管理,但是卡顿明显,业 务还没有中断. 二.解决办法 1.查看设备的告警信息,没有告警. 2.查看带宽监控查看设备端口流量,均不高. 3.查看设备系统进程. 4.查看设备的日志信息. 5.与厂商工程师沟通,初步判断是由于NTP服务的开启导致该端口被利用,发生在了NTP攻击. 6.关闭NTP配置,设备远程管理不再卡顿,但是CP

jquery.min.map 404 (Not Found)出错的原因及解决办法

Chrome 更新后出现了 jquery.min.map 404  (Not Found) 的信息 这个到底是什么东西?查询了一下,得到了以下资料 JQuery 官方解释 摘录一下內容 从 jQuery 1.9.0 版本后在原始代码里会有 @ sourceMappingURL=jquery.min.map 什么是Source map 简单说,Source map就是一个信息文件,里面存储着位置信息.也就是说,转换后的代码的每一个位置,所对应的转换前的位置. 有了它,出错的时候,除错工具将直接显示

IE下iframe height=&quot;100%&quot;无效的解决方法

IE7下iframe height="100%"无效的解决方法就是css如下写法: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml&q

w3wp.exe(IIS ) CPU 占用 100% 的常见原因及解决办法

对于IIS 管理员来说,经常会碰到 Web 服务器 CPU 占用 100% 的情况,以下是个人的日常工作总结和一些解决办法,主要用来剖析 w3wp.exe(IIS )  占用 CPU 100% 的一些原因 和解决方案,希望能对你有所帮助 w3wp.exe的解释 : 全名,IIS Application Pool Process. w3wp.exe是IIS工具的一部.w3wp.exe是在IIS(因特网信息服务器)与应用程序池相关联的一个进程,如果你有多个应用程序池,就会有对应的多个w3wp.exe

std::min和自定义宏冲突解决办法

#include<algorithm> #include<iostream> #define min(a,b)!(b<a)?a:b int main(){ int a=1,b=2; std::cout<<(std::min)(a,b); return 0; } 加入一个括号,std::min就不会被宏替代了. std::min和自定义宏冲突解决办法