相容IE6的min-width、min-height

来源:http://www.cnblogs.com/zapple/archive/2016/08/16/5777641.html
-Advertisement-
Play Games

如果一個站是寬屏的,你左右拖動瀏覽器的視窗網站寬度會隨著視窗的大小而改變,而瀏覽器視窗寬度減小到一定程度後就會出現下邊的滾動條,網站寬度就不會再減小了,我們知道這一簡單的功能用css的min-width就很容易能實現,但不幸的是,我們用戶很多的IE6不支持這個非常方便的屬性,怎麼辦呢,我們只要在網頁 ...


如果一個站是寬屏的,你左右拖動瀏覽器的視窗網站寬度會隨著視窗的大小而改變,而瀏覽器視窗寬度減小到一定程度後就會出現下邊的滾動條,網站寬度就不會再減小了,我們知道這一簡單的功能用css的min-width就很容易能實現,但不幸的是,我們用戶很多的IE6不支持這個非常方便的屬性,怎麼辦呢,我們只要在網頁設計時加上下麵的css語句就能解決:

方法一:

height:auto!important;
height:580px;
min-height:580px;

把以上三行代碼加到需要最小寬度的div里即可,原理是使用IE6本身的BUG(當塊級元素內部的東西超出此塊級元素的高度時,塊級元素的高度會被撐開,也就是說IE6中的height屬性本身就等同於min-height)。

方法二:

min-height:200px;
_height:200px;

方法三:

#min-width{
    min-width:900px;
    _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<900?"900px":"");
    line-height:200px;
    background:#ccc;
}

方法四:

#mpage{
    width:100%;
    min-width:980px;
    position:relative;
    _width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 980? '980px' : 'auto'); 
}

 

 

心上四種方法任何一種都可解決IE6不支持min-width屬性的問題,本站用的是第四種。

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1.版本問題 如果你可以獲取下列元素 <input type="hidden"/> <div style="display:none">123</div> 而你使用的JQuery是高於1.3版本的,你獲取不到通過visibility:hidden樣式隱藏的元素就對了 2.解決方案 $("div"). ...
  • 下麵列了五個例子來詳細說明,這幾個例子的主要功能是:在5秒後,自動跳轉到同目錄下的hello.html(根據自己需要自行修改)文件。1) html的實現 優點:簡單缺點:Struts Tiles中無法使用 2) javascript的實現 優點:靈活,可以結合更多的其他功能缺點:受到不同瀏覽器的影響 ...
  • JavaScript閉包 1、什麼是閉包 百度百科對於閉包的解釋是:閉包是指可以包含自由(未綁定到特定對象)變數的代碼塊;這些變數不是在這個代碼塊內或者任何全局上下文中定義的,而是在定義代碼塊的環境中定義(局部變數)。 以代碼進行闡釋: 這樣在執行完var c=a()後,變數c實際上是指向了函數b, ...
  • (上述代碼是改過後正確的)今天在用ajax的時候!出現了愚蠢的錯誤!由於括弧太多加上自己又粗心了!把最後的第68行的發送請求寫到了第63行的大括弧里變了~!導致我找了快一個小時的錯誤了!!!!!!淚奔o(>_<)o ~~發現這個錯誤後我“北京癱”了十分鐘o(>_<)o ~~ ...
  • ...
  • ...
  • 1. 使用樣式表 可以通過document.styleSheets屬性訪問文檔中可用的CSS樣式表,它會返回一組對象集合,這些對象代表了與文檔管理的各個樣式表。 每個樣式表 都由一個CSSStyleSheet 對象代表,它提供了一組屬性和方法來操作文檔里的樣式。 1.1 獲得樣式表的基本信息 第一步 ...
  • <body> <div id="date"></div> </body> <script type="text/javascript"> function getTime () { var now = new Date(); var future = new Date("01/01/2018 00: ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...