導航:首頁 > 萬維百科 > 網頁設計師用什麼瀏覽器

網頁設計師用什麼瀏覽器

發布時間:2020-12-25 07:32:43

1、網頁設計中如何解決瀏覽器兼容問題?

1. 目標不居中;
一般新手都愛出現這個問題,主要原因是對盒子模型不夠理解,如果發現你的頁面沒有居中,基本上有兩種情況:
a. 如果是在瀏覽器中沒有居中,就是沒盒子,就是要用一個大DIV把所有需要居中元素裝起來,然後給盒子一個css樣式margin:0 auto;
b. 如果想要盒子內的元素居中,必須定義盒子的絕對寬度,然後給盒子一個CSS樣式text-align:center;

2. 目標在不同瀏覽器上的位置不同;
a. 首先不要去急著找hack,先看一下自己的代碼有沒有錯誤,DW里有一個「檢查瀏覽器兼容性」功能特別實用;
b. 然後,盡量讓目標的位置初始化,使之在所有瀏覽器都處在同一個位置,這個條件的前提是,不寫hack,最後再一個方位一個方位調整。

3. 目標與目標之間距離在各個瀏覽器上的區別;
a. 給其中一個目標加背景顏色;
b. 觀察背景色與另外一個目標的距離,查看是不是這個目標造成的距離問題
c. 如果不是上一個目標,那就給另外一個目標也加上背景顏色。
d. 這樣很容易判斷出那個目標造成的原因,就針對那個目標進行修改。

4. IE6兼容問題最多的一個,浮動問題。
a. flaot浮動造成IE6下面雙倍邊距問題,這個最常見,也最好處理,解決方法:
只需要給這個DIV加一個樣式:display:inline;
b. 布局的時候經常會遇到這種情況:發現有一個DIV浮動了,接下來的一個DIV本來是要在下面顯示的,結果跑上面去了,這種情況一般在FF下面會出現。
解決的辦法:清除浮動,在設置過浮動的那個DIV下面加一個DIV,給個樣式clear:both;如下
<div style="float:left;height:100px; width:500px;"> <div style="clear:both;"> <div style="height:100px; width=300px">

5. IE8兼容問題
ie8下兼容問題,這個最好處理,轉化成ie7兼容就可以。在頭部加如下一段代碼,然後只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-compatible" content="ie=7" />

6. 背景兼容問題
有的時候明明給一個DIV加了背景顏色或背景圖片,但是卻顯示不出來或者顯示不全。
解決辦法:首先,有可能是DIV沒有設置絕對高度。如果設置了寬度和高度還沒有效果,那麼給DIV一個樣式display:block;(通常a:hover加背景的時候經常遇到)。
另外,如果高度必須要設置成自動的話,那麼就給DIV一個樣式overflow:hidden;

7. IE7和Firefox兼容問題
很多朋友DIV+CSS的時候,會出現,在IE的幾個瀏覽器下都好使,就是FF下有問題。
解決方法:height:100px;/*FF下顯示100的高*/ +height:120px;/*IE678下顯示120高*/
原理:FF不識別加過符號的屬性,而IE識別。

2、網頁設計中如何解決瀏覽器兼容問題

為了能讓網站設計正常的運行於各種瀏覽器平台,網站設計師們不得不想盡辦法處理好網站建設中的瀏覽器兼容問題。正是因為網站設計當中的這一需要產生了一項新技術— CSS Hack。 CSS Hack 就是針對不同瀏覽器寫出不同的 CSS code 的過程,主要用來解決目前各類瀏覽器無法標准解析CSS樣式,導致同一網站設計頁面在不同瀏覽器下出現顯示效果不一致的兼容問題。 針對不同瀏覽器,可以將CSS Hack 網站設計代碼整理如下:
1、針對I E 系列瀏覽器的網站設計代碼 針對 IE 6 的專屬 CSS Hack 網站設計代碼 #id{ _display: block; } 也就是在網站設計CSS屬性前加一個小劃線就好。 針對 IE 7 的專屬 CSS Hack 網站設計代碼 #id{ *display: block; } 即在網站設計CSS屬性前加上一個星號即可 針對 IE 8 的專屬 CSS Hack 網站設計代碼 #id{ margin-top: 10px 9; /*IE8*/ } 如上所示,解決辦法為在網站設計CSS屬性後分號前加上空格與斜線並加入一個數字9即可 。
2、針對火狐的CSS Hack 網站設計代碼 火狐可謂是最標準的瀏覽器之一了,網站設計技術只要稍稍不到位就能體現得淋漓盡致,所以不少網站設計師也很頭痛,其實想要解決火狐的兼容性除了要把網站設計的基礎知識扎牢之外只要將CSS代碼寫入到下圖 @-moz-document url-prefix(){ } 裡面就行了 @-moz-document url-prefix() { #id{ display: block; } } 。
3、針對 Safari 的CSS Hack 網站設計代碼 Safari是蘋果計算機的最新作業系統Mac OS X中新的瀏覽器,用來取代之前的Internet Explorer for Mac,使用了KDE的KHTML作為瀏覽器的運算核心。 @media screen and (-webkit-min-device-pixel-ratio:0) { #id { display: block; } } 兼容性做法和火狐相近。
4、針對 Opera 的CSS Hack 網站設計代碼 Opera即Opera Software ASA,是台式機、各種設備和移動網路瀏覽器市場的商業領袖,因快速、小巧和比其他瀏覽器更佳的標准兼容性獲得了國際上的最終用戶和業界媒體的承認,並在網上受到很多人的推崇。 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body #id { display: block; } } 這個世界上必然不會存在絕對完美的事物,因此運用以上方法讓我們的網站設計更好的與各種瀏覽器兼容的時候其實已經違反了網站製作的W3C標准。

3、做網頁設計都要用到些什麼瀏覽器和什麼設計軟體啊?

Dreamweaver,Fireworks,Flash 最好你能看懂js那就好說了來個ie組合環境在弄個ff就ok

4、做網頁設計的,請問一下哪個瀏覽器比較好用呢??用uc瀏覽器好嗎?

火狐瀏覽器,兼容性非常好,其firebug插件對網頁開發人員來說非常好用,能極大方便的解決網頁開發中的很多問題
而IE瀏覽器的兼容性非常不好,對網頁開發人員是一件非常頭疼的事

5、網頁瀏覽器設計成什麼圖標比較好

解決方法:
1、打開注冊表:運行—> 輸入regedit—> 打開HKEY_CLASSES_ROOT—>
2、找到.htm和.html—> 雙擊右邊的「默認」,確認其數值數據為 htmlfile
3、找到 htmlfile\ShellEx\IconHandler—>雙擊右邊的「默認」,確認其數值數據為 {42042206-2D85-11D3-8CFF-005004838597}
4、找到 CLSID\{42042206-2D85-11D3-8CFF-005004838597}\Old Icon\htmlfile\DefaultIcon —>雙擊右邊的「默認」,確認其數值數據為 C:\Program Files\internet explorer\IEXPLORE.EXE,1 (註:C 改為你的系統所在的盤符)
5、修改完這些後,刷新文件夾,看看圖標是否正常,如果還沒正常的話,就先把.htm或.html的文件擴展名改為.exe,然後在改回.htm或.html
通過這五個步驟,基本上能解決問題了。

6、做網頁設計的,請問一下哪個瀏覽器比較好用呢?

?

7、請問下,網頁設計時,如何處理不同的瀏覽器

基本上所有瀏覽器都可以 除了特殊的網頁 不過特殊的網頁一般有特殊作用

普通網頁不用考慮這些問題

網頁對瀏覽器的兼容是編寫瀏覽器程序的人需要考慮的

編寫網頁只是要求語法格式正確無錯基本上就可以

8、網頁設計中瀏覽器間不兼容問題如何解決,國內主流的瀏覽器有那幾個啊?

最多的還抄是IE,單說兼容性最襲差的IE6.0占據了全世界IE市場的35%.
國內網頁的不兼容主要禍起IE6.0。其他的內核forefox的「變色龍」內核
蘋果瀏覽器和chrome使用webkit內核。搜狗和360極速版也是webkit的內核。
360普通版是IE內核,至於他表現得更像IE6,還是兼容性好那麼一些的IE8就
要看用戶機器上安裝的是IE6/IE8了。
傲遊2.X使用IE內核。3.X使用webkit內核。
騰訊也一樣4.X用IE內核。5.X 開始用webkit內核了。
operal使用的自己內核,但是是非主流的市場在國內百分之1-2.
webkit和firefox的內核兼容性非常好,同樣的內容表現一致,偶爾會有
很小很小細節的差別。
說起兼容性如何解絕。這需要經驗遇到不兼容就用一些技巧上的變化。
如果你沒什麼經驗的話我就建議你設計好網頁之後至少在IE 6,IE8和firefox下測試。
firefox之所以要測試是因為他占據了市場的第二
遇到問題上網查,請教啊什麼的。
最後練習+動腦。經過一段時間的積累你就會對瀏覽器之間的差別掌握個7-8分了。
祝你好運

9、響應式網頁設計的應用到瀏覽器

1. 測試主流表格因素和瀏覽器
如今客戶不僅僅使用iPhone和筆記本,而且使用iMac的27英寸顯示器,10英寸的Kindle和很多平板設備。這些設備可能會使用不同的瀏覽器,並且每種表格因素和瀏覽器的組合都可能導致不同的頁面渲染。並且這些行為可能在每個版本上都不太一樣。
好消息是瀏覽器是免費的。如果你使用Windows平台,可以很容易地安裝主流瀏覽器—Internet Explorer、Chrome、Firefox—然後可以使用免費工具,比如Browsershots,或者付費工具,比如CrossBrowserTesting,來檢查網頁在Safari上的外觀。如果你使用的是Mac,可以安裝除了Internet Explorer(IE)之外的所有瀏覽器 -- 但是可以從Modern.ie上下載IE特定的虛擬機,從而輕松得到幾乎所有版本的IE。
這時,「測試」工作主要是去查看網頁是否渲染正確,瀏覽所有的可選項,驗證動態內容是否能正常載入,看上去是否奇怪,並且執行並驗證程序主邏輯。如果是房屋抵押應用程序,那麼就去嘗試新建一個抵押。如果是文字處理程序,就嘗試創建一個文檔——並且在測試過程中檢查用戶界面。
我們也提到了平台。需要找出軟體主要的使用者是誰。對於內部軟體,用戶很可能會使用筆記本,手機(Android和iOS),或者平板。建議購買每種主要類型的機器作為測試機型,這些費用相比整體開發成本而言應該非常小。當測試團隊等待所需的特定移動設備時,開發團隊很可能願意分享他們的手機和平板。
最後,考慮是否需要支持舊的瀏覽器,可能是為了公司客戶,並且在這些設備上做程序主邏輯測試。
在此期間,可能會發現可用性問題,第一個圖片顯示的地方不合適,或者頁面「感覺」很奇怪。將這些發現分享給團隊。這可能不是個bug,但也可能是。
2. 改變瀏覽器大小
基於「響應式內容」的本質,頁面應該在任何合理屏幕大小的設備上看上去都很舒服,從300*300的手機到2550*1600像素的顯示器。最快最方便的評估響應式功能的方式是大幅改變瀏覽器的大小,檢查顯示情況。
對於這類測試不需要任何搭建時間。只需要打開網頁,點擊瀏覽器的右上角,拖拽到所需的大小。文本是否在你認為應該在的位置,是否仍然可讀?圖像是否能合理伸縮?控制項是否還在頁面上——按鈕,文本輸入框,日期控制項和其他的——是否仍然可用?它們有沒有遮蓋掉其他重要的內容?
危險之處是你發現了一個bug,可能很難重現,產品經理會說「沒有人會這么快地改變瀏覽器尺寸,把它拖拽到整個顯示器上,如果他們真這么做了,那麼應該告訴他們不要這么做。」你可能會發現一堆bug,卻無法說服開發人員修復它們。記住:說不定就有一種平板設備有這樣的屏幕解析度。
最新的IE和Chrome版本有工具可以幫助調整瀏覽器尺寸到需要的合適大小,比如移動手機或者平板。如果你在快速改變瀏覽器大小時發現了一個很難重現的bug,但是可以在一些擁有正常大小的設備上重現這個問題,那麼你可能就有了需要修復這個問題的有力根據。
3. 移動設備和旋轉
移動設備使得響應式網頁設計變得如此重要。移動設備也給響應性帶來了一個新的要求:旋轉。這些小型設備會跟著主人去任何地方。這些設備也可以隨意旋轉,從縱向到橫向再轉回來。這似乎和改變大小很類似。但是實際上設備的每次旋轉之後,網頁都需要重新渲染。
一些應用在改變大小時可能會改變自身行為 -- 比如,iOS7的計算器,在IPhone4的縱向模式下會隱藏科學計算選項。
4. 響應式檢查
響應式檢查點的所有描述在網上都可以找到。其中的一些很簡單,告訴你在不同的瀏覽器尺寸下網頁看上去的樣子。更多復雜的選項,比如BrowserStack,模擬一系列可能的屏幕尺寸和橫向縱向模式切換能力的組合。這樣的可配置性和模擬尺寸交互的組合可以幫助創建強大的響應式測試環境。
這是ami.responsivedesign.is上的簡單圖片,以某個真實網頁的URL為輸入,將其在五種不同的設備上加以渲染。ami.responsivedesign.is網頁不是將其當做靜態圖片加以渲染,圖片上的滾動欄可以上下滾動。

與網頁設計師用什麼瀏覽器相關的知識