iT邦幫忙

1

在公司電腦Share html 網絡,部份CSS無法生效

幫公司設計一個內部用的網頁排版,考慮兼容性必須支援IE11
設計好在Chrome, IE11上都沒問題,
放上Share Folder用內聯網路徑開html,發現部份CSS代碼無法生效,
情況一)在網址E:/web/index.html,IE11,Chrome顯示排版正常
情況二)在網址\XXX\web\index.html,IE11顯示排版有問題,
如 {
display: flex;
flex-wrap: nowrap;
min-width: 1100px;
font-family: "Times New Roman", Times, serif;
}
情況二中的**flex-wrap: nowrap;**沒有生效
不知是因為什麼原因,已嘗試HTML,CSS檔改編碼UTF-8儲存仍然沒效

2018-11-20 追加
https://ithelp.ithome.com.tw/upload/images/20181120/20112778hfQ5wxuQNl.png
最簡單的HTML CSS代碼,同一個HTML和CSS,HTML能識別外部連結的CSS,但在本地路徑和局部網絡開,後者依然有部分CSS未能生效

wingkawa iT邦新手 4 級 ‧ 2018-11-19 18:00:31 檢舉
清 cache。
csscoke iT邦新手 5 級 ‧ 2018-11-19 18:08:43 檢舉
CSS檔案整個重新編碼看看,這狀況很難遇到,但如果遇到的確會有這狀況。

2 個回答

0
rogeryao
iT邦研究生 4 級 ‧ 2018-11-19 18:00:35

flex: 1 1 auto;

2
yoching
iT邦高手 1 級 ‧ 2018-11-19 18:10:26

正規來說

flex-wrap: nowrap

並不需要特別去宣告,因為其預設值就已經是nowrap了。
你如果需要宣告的話,就代表你有其它容器有用到wrap等作用。

這會需要直接看你全面性的css。看是否有存在於css汙染問題存在。
你或許可以利用一下瀏覽器的f12大法自行檢驗查看一下。

單純這樣子實在很難幫你抓問題。

yoching iT邦高手 1 級 ‧ 2018-11-20 10:45:34 檢舉

看了你後面新po的圖片,發現你有用到float。
這個很容易去影響到flex。

我想這個是主因了。加強一下你的css吧。
看到 float 跟 inlink 混著用就會搖頭了。
這樣子會沒動作也是很正常的事。因為你給了他矛盾的宣告了。

但我換了幾個CODE來寫如CSS flexblox, Grid, Bootstrap, 都是chrome用本機路徑和網絡路徑沒問題,IE用本機路徑顯示正常,但用網絡路徑開就有相同問題
CSS Grid Layout support IE16就沒辦法
CSS Flexbox support IE11 還是不行~

我要發表回答

立即登入回答