前端框架ie7

㈠ html前端兼容ie7時，div高度不自動

把代碼貼出來！我幫你調試！

㈡ 現在前端開發還要兼容IE6，IE7嗎

一般都是兼容到IE8，當然這是大多數中小型公司或者非互聯網公司是如此。真正來說，因為IE6版本用戶量仍然很大，所以很多公司都不會放棄對於它甚至會做IE5的兼容。
所以，可能不需要你完美的兼容，但至少保證用戶的使用能夠正常，頁面布局不會錯亂。

㈢ 有哪些前端框架對ie6，ie7兼容性強

其實html5和響應式沒有什麼關系吧，響應式是一種設計思路，可以兼容各種解析度的瀏覽器，如PC、平板、手機等，不能解決不同內核的瀏覽器的兼容問題，目前比較主流的響應式框架是bootstrap吧

㈣ 幾個Web前端開發框架的比較

Bootstrap

Bootstrap是目前可用框架中無可爭議的領導者。其人氣日益增長，你可以放心的選擇這個框架，而不必擔心項目會失敗，因為具有廣泛使用基礎的框架，不太可能被拋棄。

UIkit說明

UIkit成功應用在許多WordPress主題中。它提供了靈活和強大的手動定製機制（以前版本的框架還提供了高級GUI定製程序）。

什麼是最適合你的框架？

在選擇框架時，可以從以下幾個方面考慮：

如果你還不確定使用哪個框架，那麼可以採用混合搭配的方式。當某個特定的框架不能滿足你的需求時，可以混合使用兩個或多個項目的組件。

最後值得一提的是，現在Flexbox和Grid Layout在主流瀏覽器的最新版本中得到很好的支持，比以往任何時候都更容易構建復雜的布局。這可能會鼓勵更多的開發人員放棄前端框架，從頭開始編寫他們自己想要的布局。

來源：網頁鏈接

㈤ 2015年有哪些比較優秀的前端框架

作者：匿名用戶
鏈接：http://www.hu.com/question/39377015/answer/81017680
來源：知乎
著作權歸作者所有，轉載請聯系作者獲得授權。

此榜單根據github上star數作為排名依據，一個人力量有限，如果收集有遺漏歡迎補充。
1、名稱：Bootstrap
類別/語言：HTML、CSS、JavaScript
創建者： Twitter
人氣：在Github上有91007 stars
描述：主流框架中毋庸置疑的老大，Bootstrap 是基於 HTML、CSS、JavaScript 的，它簡潔靈活，使得 Web 開發更加快捷。
核心概念/原則: RWD 和移動優先制。
瀏覽器支持： Firefox, Chrome, Safari, IE8+ (你需要 Respond.js for IE8)
響應式: Yes
模塊化: Yes
官網地址：Bootstrap · The world's most popular mobile-first and responsive front-end framework.
Github地址：twbs/bootstrap · GitHub
2、名稱：html5-boilerplate
類別/語言：HTML、CSS、JavaScript
創建者：Paul Irish
人氣：在Github上有32,349 stars
描述：HTML5 Boilerplate 幫你構建 快速, 健壯, 並且 適應力強 的web app或網站。
核心概念/原則：響應式
瀏覽器支持：Firefox, Chrome, Safari, IE8+,Edge,Opera
預處理器：None
響應式：Yes
模塊化：Yes
官網地址：HTML5 Boilerplate: T
Github地址：h5bp/html5-boilerplate · GitHub
3、名稱：Meteor
類別/語言：HTML、CSS、JavaScript
創建者：immir
人氣：在Github上有31,092 stars
描述：Meteor是新一代的開發即時web應用的開源框架，它能幫助你在最少的時間內完成開發。
核心概念/原則：響應式
預處理器: Less
響應式: Yes
模塊化: Yes
官網地址：Meteor
Github地址：meteor/meteor · GitHub
4、名稱：Semantic UI
類別/語言：HTML、CSS、JavaScript
創建者: Jack Lukic
人氣: 在Github上有22,325 stars
描述: 「基於自然語言有效原則的UI組件框架」
核心概念/原則: 語義，標簽的矛盾性、響應式
瀏覽器支持：Firefox, Chrome, Safari, IE10+ (IE9 with browser prefix only), Android 4, Blackberry 10。
預處理器: Less
響應式: Yes
模塊化: Yes
官網地址：Semantic UI
Github地址：Semantic-Org/Semantic-UI · GitHub
5、名稱：Foundation
類別/語言：HTML、CSS、JavaScript
創建者: ZURB
人氣: 在Github上有22,206+ stars
描述: 「世界上最優秀的響應式前端框架」
核心概念/原則: RWD 、手機優先、語義的
瀏覽器支持： Chrome, Firefox, Safari, IE9+; iOS, Android, Windows Phone 7+
預處理器: Sass
響應式: Yes
模塊化: Yes
官網地址：Foundation | The most advanced responsive front-end framework in the world.
Github地址：zurb/foundation-sites · GitHub

6、名稱：Materialize
類別/語言：CSS
創建者：Google
人氣：在Github上有15,288stars
描述：Materialize是一個個基於材料設計的一個現代化的響應式前端框架。他們做了最繁重的工作，為您提供默認的樣式，結合了您的自定義組件。此外，他們還改進動畫和過渡，為開發人員提供流暢的體驗。
核心概念/原則：響應式
預處理器：Sass
響應式：Yes
模塊化：Yes
官網地址：Documentation
Github地址：Dogfalo/materialize · GitHub
瀏覽器支持：Chrome 35+, Firefox 31+, Safari 7+, IE 10+
7、名稱：Pure
類別/語言：CSS
創建者: Yahoo
人氣: 在Github上有13,161 stars
描述: 「您可以在每一個web項目中使用的一組小的和響應式的CSS模塊」
核心概念/原則:SMACSS,極簡的.
瀏覽器支持：Firefox的最新版本, Chrome, Safari; IE7+; iOS 6.x, 7.x; Android 4.x
預處理器: None
響應式: Yes
模塊化: Yes
官網地址：http://purecss.io/
Github地址：yahoo/pure · GitHub
8、名稱：Vue
類別/語言：CSS、JavaScript
創建者：尤雨溪
人氣：在Github上有12,214 stars
描述：Vue.js 是用於構建互動式的 Web 界面的庫。它提供了 MVVM 數據綁定和一個可組合的組件系統，具有簡單、靈活的 API。
核心概念/原則：響應式
瀏覽器支持：Firefox, Chrome, Safari, IE9+，Android 4.2+，iOS 7+
預處理器：None
響應式：Yes
模塊化：Yes
官網地址：vue.js
Github地址：vuejs/vue · GitHub
9、名稱：Skeleton
類別/語言：CSS、JavaScript
創建者：Dave Gamache
人氣：在Github上有10,622stars
描述：Skeleton 是一個小的 JS 和 CSS 文件的集合,可幫你快速開發漂亮的網站,適合各種屏幕設備包括手機。Skeleton 基於 960 grid 開發。它是一個 UI 框架。
核心概念/原則：響應式
瀏覽器支持：Firefox, Chrome, Safari, IE10+,Opera
預處理器：None
響應式：Yes
模塊化：Yes
官網地址：Skeleton: Responsive CSS Boilerplate
Github地址：dhg/Skeleton · GitHub
10.名稱： Amaze UI
類別/語言：HTML、CSS、JavaScript
創建者：雲適配
最後更新時間：2015年12月
人氣：在Github上有6425 stars
描述：國內首個開源HTML5跨屏前端框架，中文排版支持更優、本土化組件豐富。
並在2015年11月推出基於 React.js 的專屬移動端 Web 組件庫Amaze UI touch。
核心概念/原則：組件化、移動優先、輕量級、高性能。
瀏覽器支持： Firefox, Chrome, Safari, IE8+
響應式: Yes
模塊化: Yes
官網地址：Amaze UI | 中國首個開源 HTML5 跨屏前端框架
Github地址：amazeui/amazeui · GitHub
11、名稱：UIkit
類別/語言：HTML、CSS、JavaScript
創建者: YOOtheme
人氣: 在Github上有6,050+ stars
描述: 「一個輕量級的和模塊化的前端框架,用於快速開發和功能強大的web介面。」
核心概念/原則:RWD, 手機優先.
預處理器: Less, Sass
響應式: Yes
模塊化: Yes
官網地址：UIkit
Github地址：uikit/uikit · GitHub
瀏覽器支持： Chrome, Firefox, Safari, IE9+
12、名稱：Yui
類別/語言：CSS、JavaScript
創建者：Yahoo
人氣：在Github上有3,200+ stars
描述：Yahoo! UI Library (YUI) 是一個開放源代碼的 JavaScript 函數庫，為了能建立一個高互動的網頁，它採用了AJAX, DHTML 和 DOM 等程式碼技術。它也包含了許多 CSS 資源。使用授權為 BSD許可證
核心概念/原則：響應式
預處理器: None
響應式：Yes
模塊化：Yes
官網地址：http://yuilibrary.com/
Github地址：yui/yui3 · GitHub
瀏覽器支持：Firefox, Chrome, Safari, IE10+,Opera
13.名稱：kissy
類別/語言： JavaScript
創建者：淘寶前端
最後更新時間：2015年7月
人氣：在Github上有2035 stars
描述：KISSY 是一款跨終端、模塊化、高性能、使用簡單的 JavaScript 框架。
框架大小: 37 KB
核心概念/原則: 模塊化，跨終端，高擴展性
模塊化: Yes
官網地址：KISSY - A Powerful JavaScript Framework
Github地址：kissyteam/kissy · GitHub
14.名稱：MUI
類別/語言： HTML、CSS、JavaScript
創建者：Dclould
最後更新時間：2016年1月
人氣：在Github上有2012 stars
描述：MUI-最接近原生App體驗的前端框架框架。
核心概念/原則: 多端發布、高性能
響應式: NO
模塊化: Yes
官網地址：MUI-最接近原生APP體驗的高性能前端框架
Github地址：dcloudio/mui · GitHub
15.名稱：Arale
類別/語言： JavaScript
創建者：支付寶前端
最後更新時間：2015年7月
人氣：在Github上有1252 stars
描述：Arale 是一個開放、簡單、易用的前端基礎類庫。
框架大小:未知
核心概念/原則: 開放、簡單、易用
瀏覽器支持：Firefox, Chrome, Safari, IE6+
響應式: Yes
模塊化: Yes
官網地址：Arale - 隨心構建互聯網應用
Github地址：aralejs/aralejs.org · GitHub

16.名稱：JX
類別/語言：Javascript
創建者：騰訊前端
最後更新時間：2015年12月
人氣：在Github上有952 stars
描述：JX 是模塊化的非侵入式Web前端框架，特別適合構建和組織大規模、工業級的Web App。
框架大小: 未知
核心概念/原則: 保持最優執行效率
瀏覽器支持： 兼容主流瀏覽器
模塊化: Yes
官網地址：JX - 騰訊 Web 前端開發框架
Github地址：AlloyTeam/JX · GitHub
17.名稱：GMU
類別/語言：HTML、CSS、JavaScript
創建者：網路前端
最後更新時間：2015年12月
人氣：在Github上有940stars
描述：GMU是基於zepto的mobile UI組件庫，提供webapp、pad端簡單易用的UI組件! Web App。
核心概念/原則: 簡單易用、輕量級
模塊化: Yes
官網地址：http://gmu..com/
Github地址：fex-team/GMU · GitHub
18.名稱：ZUI
類別/語言： HTML、CSS、JavaScript
創建者：蟬道
最後更新時間：2015年7月
人氣：在Github上有616 stars
描述：開源HTML5前端框架
核心概念/原則:簡單易用、輕量級、易於定製
瀏覽器支持：未知
官網地址：ZUI - 開源HTML5跨屏框架
Github地址：easysoft/zui · GitHub
19.名稱：Clouda Touch.js
類別/語言：JavaScript
創建者：網路雲
人氣：在Github上有387 stars
描述：Touch.js是移動設備上的手勢識別與事件庫,也是在網路內部廣泛使用的開發。
核心概念/原則: 無入侵設計、媲美原生的交互、極簡的API
模塊化: Yes
官網地址：Touch.js
Github地址：Clouda-team/touch.code..com · GitHub
20.名稱：Arkui
類別/語言：HTML、CSS、JavaScript
創建者：豆瓣
人氣：在Github上有129 stars
模塊化: Yes
官網地址：arkui
Github地址：mockee/arkui · GitHub

㈥ 有哪些前端框架對ie6，ie7兼容性強

1.區別IE和非IE瀏覽器#tip{background:blue;/*非IE背景藍色*/background:red\9;/*IE6、IE7、IE8背景紅色*/}2.區別IE6,IE7,IE8,FF【區別符號】：「\9」、「*」、「_」【示例】：#tip{background:blue;/*Firefox背景變藍色*/background:red\9;/*IE8背景變紅色*/*background:black;/*IE7背景變黑色*/_background:orange;/*IE6背景變橘色*/}【說明】：因為IE系列瀏覽器可讀「\9」，而IE6和IE7可讀「*」(米字型大小)，另外IE6可辨識「_」(底線)，因此可以依照順序寫下來，就會讓瀏覽器正確的讀取到自己看得懂得CSS語法，所以就可以有效區分IE各版本和非IE瀏覽器(像是Firefox、Opera、GoogleChrome、Safari等)。3.區別IE6、IE7、Firefox(方法1)【區別符號】：「*」、「_」【示例】：#tip{background:blue;/*Firefox背景變藍色*/*background:black;/*IE7背景變黑色*/_background:orange;/*IE6背景變橘色*/}【說明】：IE7和IE6可讀「*」(米字型大小)，IE6又可以讀「_」(底線)，但是IE7卻無法讀取「_」，至於Firefox(非IE瀏覽器)則完全無法辨識「*」和「_」，因此就可以透過這樣的差異性來區分IE6、IE7、Firefox4.區別IE6、IE7、Firefox(方法2)【區別符號】：「*」、「!important」【示例】：#tip{background:blue;/*Firefox背景變藍色*/*background:green!important;/*IE7背景變綠色*/*background:orange;/*IE6背景變橘色*/}【說明】：IE7可以辨識「*」和「!important」，但是IE6隻可以辨識「*」，卻無法辨識「!important」，至於Firefox可以讀取「!important」但不能辨識「*」因此可以透過這樣的差異來有效區隔IE6、IE7、Firefox。5.區別IE7、Firefox【區別符號】：「*」、「!important」【示例】：#tip{background:blue;/*Firefox背景變藍色*/*background:green!important;/*IE7背景變綠色*/}【說明】：因為Firefox可以辨識「!important」但卻無法辨識「*」，而IE7則可以同時看懂「*」、「!important」，因此可以兩個辨識符號來區隔IE7和Firefox。6.區別IE6、IE7(方法1)【區別符號】：「*」、「_」【示例】：#tip{*background:black;/*IE7背景變黑色*/_background:orange;/*IE6背景變橘色*/}【說明】：IE7和IE6都可以辨識「*」(米字型大小)，但IE6可以辨識「_」(底線)，IE7卻無法辨識，透過IE7無法讀取「_」的特性就能輕松區隔IE6和IE7之間的差異。7.區別IE6、IE7(方法2)【區別符號】：「!important」【示例】：#tip{background:black!important;/*IE7背景變黑色*/background:orange;/*IE6背景變橘色*/}【說明】：因為IE7可讀取「!important;」但IE6卻不行，而CSS的讀取步驟是從上到下，因此IE6讀取時因無法辨識「!important」而直接跳到下一行讀取CSS，所以背景色會呈現橘色。8.區別IE6、Firefox【區別符號】：「_」【示例】：#tip{background:black;/*Firefox背景變黑色*/_background:orange;/*IE6背景變橘色*/}【說明】：因為IE6可以辨識「_」(底線)，但是Firefox卻不行，因此可以透過這樣的差異來區隔Firefox和IE6，有效達成CSShack。

㈦ 想問下前端需要考慮的兼容性瀏覽器有哪些

一、瀏覽器的佔有率：

ie6 - 30.23%
ie7 - 4.8%
ie8 - 30.6%
ie9 < 1%
chrome - 13.99%
firefox - 7.17%
safari ~ 5%
其他 ~ 8%
從數據上可以看出chrome + firefox + safari + ie9是高端瀏覽器，ie8勉強算準高端吧。這樣這部分佔有率約57%(如果加上其他webkit內核的瀏覽器會更高一些) 已經大於ie6 + ie7，但是IE6兼容性還是要解決。

二、web前端主要這些兼容瀏覽器：
1，firefox是開源的瀏覽器內核，插件很齊全，是代碼人員的愛寵。

2、IE瀏覽器，要在Windows中開發適合自己的瀏覽器，很多人都在用。
推薦：ie8以上，360安全瀏覽器

3、Google瀏覽器，是谷歌公司開發的網頁瀏覽器，穩定性和安全性很好。
推薦：Google Chrome

4、Opera12.17及更早版本曾經採用的內核是Presto，Opera15及以後的版本採用Blink的內核。用於手機代碼測試也很方便。
推薦：Opera15

㈧ 前端開發要學什麼

1、HTML
2、CSS
3、Js,jQuery
4、HTML5
5、其他前端框架
1. HTML:HTML很容易，因為HTML標簽雖然不少，但真正用到的其實不多，大概不到30來個。
2. CSS:CSS分為CSS2.0和CSS3.0；CSS3.0是在CSS2.0的基礎上增刪了一些樣式屬性，但是有很多瀏覽器並支持CSS3.0，最有代表性的就是IE6、IE7、IE8，從IE9開始已經已經開始支持CSS3.0了，但是也還不是很完全，ie10+就完全支持了，而像google的chrome瀏覽器和firefox瀏覽器則不用擔心這些，但是為了兼容性，一些pc端項目往往不用CSS3.0，所以學習CSS的時候要注意哪些是CSS3.0的，哪些CSS2.0的，但是CSS3.0非常強大，現在的手機瀏覽器幾乎都支持CSS3.0，因此CSS3.0還是非常有用的。 另外，ie,chrome,firefox,opera,safari這些瀏覽器對樣式的表現有些差異，所以在chrome下表現良好的頁面，你還要到其他瀏覽器上測測，特別是ie。
3. Js,jQuery:我為什麼要把jQuery和js放到一起呢？雖然jQuery只是js的一個框架，但是作為前端開發真的很難繞過jQuery，jQuery操作Dom真是太容易了，不學都覺得可惜。 但是如果你真的想成為一個高級的前端開發，那麼javascript你是非學不可的，在我看來，一個不懂javascript的前端開發，根本就不是真正的前端開發。
4. HTML5:在工作中，移動端開發時才用html5，pc端用的少，canvas,svg什麼的說白了還得會寫js。
5. 其他前端框架:比如AngularJS、Zepto.js…這些也是要學的，前提是你前面3步都初步會用了，再來接觸這些會好很多，要不然你很難弄懂。對了，最後你還得會一點點fireworks、photoshop，我說是兩個都會一點點，你最少得從設計師設計的圖片裡面把背景圖片、圖標、logo這些弄出來