企業站前端 總結

2022-08-29 15:42:37 字數 2065 閱讀 5174

1.插入時,必須用div包裹起來,給div固定寬高,設為max-width:100%;

原因:需要在後期後台新增,而你永遠都不知道客戶給你上傳的是什麼樣子?什麼大小的?如果客戶上傳的大於你原有的,你所有的樣式都會瘋狂的

手機端的自適應問題:

解決方法一:

通過js獲取比較大的一邊,設定為100%,讓其餘的部分自適應,,盡量保證全部顯示;為避免橫向拉伸,可以設定水平居中。

解決方法二:

後台程式上傳時裁剪

2.使用輪播的時候,注意多個輪播**是否會衝突

3.hover的效果必須提前定好,包括點選之後最好有個標記提醒使用者當前是哪個頁面,這個樣式最好也提前定好,後期交給程式新增樣式

4.會更換的背景的樣式最好寫成行內樣式

原因:便於程式後期迴圈

5.後台程式需要迴圈取出資料的地方,樣式要寫的特別小心,比如:

ul li的迴圈,li定的class最好一樣,利於後台迴圈,調整樣式,當然,最好li中不要定class

7.除了首頁,最好所有的header和footer都是共用乙個公共樣式,方便後台程式

8.banner沒有特殊情況,最好是切成,利於後期更換,還有

9.浮動問題:在設定完浮動後,馬上在其父級清除浮動

10.h1標籤只用於標題,盡量少用

11.透明:

a.幾乎相容所有瀏覽器的透明屬性**:

opacity: 0.5; 這是最重要的,因為它是css標準.該屬性支援firefox, safari和 opera.

filter:alpha(opacity=50); 這個是為ie6設的,可取值在0-100,其它三個0到1.

-moz-opacity:0.5; 這個是為了支援一些老版本的mozilla瀏覽器。

-khtml-opacity: 0.5; 這個為了支援一些老版本的safari瀏覽器。

b.當父元素設定透明後,子元素文字也透明

解決辦法:

另外寫個div作為透明層,文字放在其同級div裡,用position實現重疊覆蓋的效果

12.個別頁面無滾動條,造成頁面整體往右偏移的問題:

單獨為ie6,7設定固定高度,在ie6,7下,內容多於高度時會自動撐開,增加高度;或者設定overflow:scorll;

13:手機端:

a。高度100%,水平居中

b。百分比的情況下使用固定字型,比如在寬為640的螢幕下字型大小為30px,那麼在320寬度的手機螢幕,字型大小則為15px;或者使用rem字型,按body的字型大小進行換算,沒有繼承性。

c。盒子模型,使用boder-box,便於布局

d。cdn載入時間長,不利於網頁效能優化,不建議使用

e。svg可以生成背景,字型圖示,ie9以上瀏覽器相容,(ai可生成svg)

f。z-index,定位優先順序:fixd>relative>absulote

g。二級選單hover時畫面閃爍的問題,加乙個stop(true,true)

h。find,找它所有的子元素;childrean找它當前的子元素 

i。手機端列表頁,的高寬固定 

問題1:background-position: center;在火狐中無效

**:問題描述:

background-position: center center;在火狐中無效,按照網友的回答,新增了background-attachment:fixed;這句,同樣無效;

但是若我改成background:url('img/banner1.png') no-repeat center;則在火狐中能有效居中。目前還不知道原因

問題2:浮動問題

a.問題描述:兩個div在同一行,只設右浮動,在ie下出現問題

解決辦法: 同時設定左右浮動,並在其父級清除浮動

b.問題描述:ul li的浮動問題,最後乙個li的margin-right【ie9以下不支援last-child屬性】

解決辦法:後台程式判斷是第幾個li,給最後乙個li加上乙個class,設定margin-right:0;

或者運用after偽類選擇器改變最後乙個li的樣式

問題3:ie7、ie9及以上現代瀏覽器都相容,但ie8布局錯位的問題?(未解決,望哪位知曉得大神指教)

企業建站前必須要準備的工作

新建乙個 如果不做好下面的準備工作,就會讓 的運營變得舉步維艱,最終讓 變成雞肋,棄之若敝履。下面就來談一下具體的準備工作。第一,要明確 定位。這是最為基礎的前提,特別是對於個人 來說,由於我們自身的精力有限,不可能做乙個高大全的 那麼我們就需要切入自己的長處,並緊密結合市場選擇競爭激烈度並不是很高...

企業在建站前需要了解的七點

遇到很多客戶問我 他們是第一次做 一竅不通,什麼 合適 後期服務好不好 選擇什麼建站系統來做適合他們?我一般會從以下幾點幫助客戶去了解 建設的一些注意事項。是乙個企業形象對外展示的視窗,很多陌生的使用者通過這個視窗可以了解到企業和相關產品。也是企業宣傳自我產品的一種展示方式,使用者通過這個 展示的內...

Uix Kit 快速建站前端開發套件 工具箱

這個產品維護已經有一年了 由於業務需求不同,目前沒有做中文版,產品本身是針對國外 自己本身是做ui出生,開發只是業餘愛好,僅僅作為平時工作的需要。雜七雜八會一些前後端開發。並非職業碼農!好啦,自我介紹簡單就好!甚至,你可以把裡面的所有模組刪除,只是使用套件的腳手架,通過套件提供的自動化流程,優化你的...