故事是這樣的...
有兩個開發者A和B分別開發同一個網頁畫面的兩個不同功能
AB都開發好後準備放在同一個網頁上~
功能其實都正常..
可是卻發生CSS的衝突(還不少..)
想請問..在不修改彼此的CSS情況下..
如何擺在一起~
且..兩個功能畫面與原設計一樣..
目前我將功能導入的方法有兩種(以下舉例)
一種是<?php include('A.php');
一種是<script> $("#div1").load(B.php); </script>
我有想到過去會使用iframe將別人網頁畫面嵌進自己網頁的方法..
但..現在的設計有宣導盡量不要用iframe..= =
so..還有其他方式嗎?= =
補充:或類似於iframe的作法.
補充:這麼說吧!!A網頁使用了Bootstrap4;B網頁使用了UIkit.min.css!!
目前你遇到的情境是A和B一起開發同一個網頁的不同功能(可能是不同的區塊),在這種情形下要特別注意以下幾點:
<div class="moduleA container">
<div class="banner-block">
...
</div>
</div>
<div class="moduleB container">
<div class="list-block">
...
</div>
</div>
那麼A就負責寫moduleA的功能,B負責寫moduleB的功能
一般來說,像這種屬於元件式的css。
也就是直接控制元件的。我會建議將其分離出來放到一個global.css上。
然後兩邊共用此css。
大多數而言。一般元件式宣告的css我只會做初始化的動作處理。
其它的還是會用class免得有這樣衝突的問題存在。