北京網站建設--網頁兼容性問題該如何解決
為什么我全屏顯示正常,窗口顯示就亂了?網頁比例怎么設置詳細:我一直都鬧不懂是怎么設置的。DW里,我建了1009的寬度,是不是放寬屏顯示器上只顯示一半?我查了些資料,說要把寬度設置成比例,而不是具體的像素!!具體是設置哪里?。课以趺丛嚵撕脦讉€地方都不可以呢??好奇怪??!
像以上這種兼容性問題應該是每個美工程序員都會遇到的問題, 也是讓他們最頭痛的問題,為了滿足用戶的需求必須盡量兼容所有主流瀏覽器。一般情況有這幾中不兼容問題:div垂直居中問題 、margin(邊界)加倍、浮動ie產生雙倍距離,該如何解決呢,北京網站建設在這和大家分享一個軟件:IEtexter,下載地址: http://www.onlinedown.net/soft/73052.htm 這個軟件是用來測試IE6,IE7,IE8,只要這3個版本的ie瀏覽器可以,那么你的網頁做的就OK了。
div 垂直居中問題
vertical-align:middle; 將行距增加到和整個DIV一樣高 line-height:300px; 然后插入文字,就垂直居中了。記?。嚎刂苾热莶灰獡Q行。記的自己做過一個冷柜的網站側邊導航就遇到了這種情況,換行了上下的距離就增大了。
margin加倍
一般設置為float的div在ie下設置的margin會加倍。這是一個ie6都存在的bug。解決方案是在這個div里面加上display:inline。
浮動ie產生雙倍距離
#fang{ float:left; width:200px; margin:0 0 0 100px; //這種情況之下IE會產生400px的距離 display:inline; //使浮動忽略} 這里細說一下block與inline兩個元素:block元素的特點是,總是在新行上開始,高度,寬度,行高,邊距都可以控制(塊元素);Inline 元素的特點是,和其他元素在同一行上,不可控制(內嵌元素); #box{ display:block; //可以為內嵌元素模擬為塊元素 display:inline; //實現(xiàn)同一行排列的效果 diplay:table。
以上就是北京網站建設在做網頁時所總結的經驗,希望可以幫到大家!
上一篇:使用JQ實現(xiàn)圖片延遲加載功能
下一篇:dedecms安全:data目錄遷移到web以外目錄