| MozTW 討論區 https://forum.moztw.org/ |
|
| Firefox 瀏覽網頁的問題：某些網頁邊緣的字會被遮住 https://forum.moztw.org/viewtopic.php?f=13&t=26049 |
第 1 頁 (共 1 頁) |
| 發表人: | jaywang0.tw [ 2009-02-07, 18:15 ] |
| 文章主題 : | Firefox 瀏覽網頁的問題：某些網頁邊緣的字會被遮住 |
我發現 Firefox 瀏覽某些網站，邊緣的字會被遮住，因為不會自動斷行，例如：http://www.cn-java.com/www1/?action-viewnews-itemid-664 我一剛開始猜想網頁是不是不符合標準，但是使用 chrome 與 IE 都不會有這個問題。請問是 Firefox 的問題還是網站設計的問題？ 我有測試過，Firefox 3 正式版與Firefox 3.2 開發版都有這個問題，推測 Firefox 3.1 也有這個問題。 也許是 Firefox 標準太嚴格了。也許這個真的是問題網站 因為我不確定是不是網站設計的問題，再加上我也不敢與網站作者聯絡，所以請大家幫忙。 |
|
| 發表人: | wini [ 2009-02-08, 00:49 ] |
| 文章主題 : | |
我想是 Fx 太遵守規矩了，因為這是一段「white-space: pre」的 CSS 規則造成的差異，只是到底該怎麼做才好，我還沒看 W3C 的建議規則書，所以也不確定。（順帶一提，Opera 也是一樣不會自動換行。） 總之用 Stylish 加入下面這些規則試試看會不會好點（裝好 Stylish 後，點擊狀態列相關圖示，再從撰寫樣式選單中隨便選一個，用下面這些來取代所有內容。）： 代碼: @namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("cn-java.com") { #articlebody { white-space: -moz-pre-wrap !important } } |
|
| 發表人: | jaywang0.tw [ 2009-02-08, 10:00 ] |
| 文章主題 : | 真的有效 |
真的有效。 不過還是要呼籲網站的管理員，把網站設計好，使網站符合標準。 |
|
| 發表人: | wini [ 2009-02-08, 13:28 ] |
| 文章主題 : | |
jaywang0.tw 寫: 真的有效。
不過還是要呼籲網站的管理員，把網站設計好，使網站符合標準。 其實那段語法沒問題啦，但是不知道為什麼 IE 跟 Chrome 不那樣做。 W3C 上的 white-space 說明 順帶一提我上面說的 -moz-pre-wrap 值是限定 mozilla 系才會生效的。 |
|
| 發表人: | 不惑仔Boohover [ 2009-02-09, 19:40 ] |
| 文章主題 : | |
是沒有正確使用 css 定義，目前的定義 代碼: #articlebody{ overflow:visible; } 因 pre 的定義，如果內容超出時，會突出去顯示。 而它又在外層定義了 代碼: .mainarea{ overflow:hidden; } 所以就看不到超出的內容嘍，真是詭怪的寫法。 應該這麼寫就可以了 代碼: #articlebody{
overflow:auto; } 讓超出的內容以產生捲軸方式，才是比較好的作法 而.mainarea 就不需要overflow:hidden;了 |
|
| 第 1 頁 (共 1 頁) | 所有顯示的時間為 UTC + 8 小時 |
| Powered by phpBB® Forum Software © phpBB Group https://www.phpbb.com/ |
|