不同瀏覽器中使用 的差異

2021-06-22 10:03:03 字數 1598 閱讀 7129

1   :

不同的瀏覽器會有不同的預設字型,我寫了乙個測試的檔案在ie下和ff下都是正常的,但是在safari下顯示效果卻不一樣。一般ie和ff的預設字型都是宋體,而safari的預設字型是times new roman,宋體是字元等寬的字型,但times new roman不是字元等寬的字型,因為瀏覽器預設字型的不同,空格符 在不同的瀏覽器下面的顯示寬度也不同。所以我寫的測試檔案在ie和ff這兩個預設字型是宋體的瀏覽器下的顯示效果是一樣的,但是在safari下的顯示卻不同。

解決辦法:在空格那一行設定一下字型,把字型設定成任意一種字元等間距的字型就行了。

<fontstyle="font-family: '宋體', simsun;"mce_style="font-family: '宋體', simsun;">

2     和空格的區別:

var str = "aa bbcc dd";

tf1.html = true;

tf1.htmltext = str;

tf2.html = true;

tf2.htmltext = str;

第乙個文字框未嵌入字型,「 」空格和普通空格都可以正常顯示

第二個文字框使用了嵌入字型,「 」空格無法正常顯示了

原來兩種空格是不一樣的,「 」的編碼為160,而「 」為32

嵌入字元的時候要補上「 」的空格

具體操作:先不嵌入字型,發布swf,拷貝「 」產生的空格,

回到fla編輯狀態,嵌入拷貝到的空格,及其他字元,這樣就好啦

用" "來代替空格,乙個" "相當於乙個空格,多加幾個" "就可以把空格拉大。雖然" "可以當作空格用,但是" "其實和空格是不一樣的,nbsp是英文non-breakingspace的縮寫,可以直接翻譯成「不被折斷的空格」。比如下面這段html:

<

h2>

10 most sought-after skills in web development

h2>

假設的寬度有限,只能容下「10 mostsought-after skills in web」,由於webdevelopment之間用的是空格,"development"就會被移到第二行。因為webdevelopment是相關的兩個詞,所以如果可以把它們同時移到第二行,效果可能會更好一點。為了到達這個目的,我們可以在webdevelopment之間用" "來代替空格,這個樣它們就會被連在一起。

<

h2>

10 most sought-after skills in web development

h2>

瀏覽器差異

移動端瀏覽器沒報錯無法看報錯資訊 移動端真機除錯,引入vconsole array.prototype.slice.call document.getelementbyid test childnodes 用上面的方法可以把 id 為 test 的子節點轉換成陣列 ie8及之前不能直接這樣使用 解決...

瀏覽器css差異

一 css選擇器差異 乙個css的ie和ff差異,popup container alert 在ie6下alert類只能作用於 popup container的子元素。ff下alert類可以作用於 popup container和其子元素。二 z index在ie中的迷惑 z index屬性適用於定...

瀏覽器差異記錄

1.content home content 問題補充 我知道是寬度,width 與 width 區別是什麼,哦,謝謝。回答 下劃線 ie6支援下劃線,ie7和firefox等均不支援下劃線。你那個 的意思就是ie6下面寬度 449px 其他瀏覽器下寬度 460px 2.把乙個做為背景,在上面輸入文...