diff --git a/translations/zh-tw.yaml b/translations/zh-tw.yaml index b29b7cb..37adbd2 100644 --- a/translations/zh-tw.yaml +++ b/translations/zh-tw.yaml @@ -106,7 +106,7 @@ clearfix.3: "是的,有個方法可以解決這個問題,不過這方式還 clearfix.4: "讓我們加入一些新的 CSS 樣式:" clearfix.5: "我們現在來看看發生了什麼事:" clearfix.6: "好多了!" -clearfix.7: "這個密技可以用在現代的瀏覽器上,但如果你還想支持 IE6,你就必須加入如下樣式:" +clearfix.7: "這個密技可以用在現代的瀏覽器上,但如果你還想支援 IE6,你就必須加入如下樣式:" clearfix.8: "某些特別的瀏覽器可能需要注意,clearfixing 的世界是很可怕的,但這個簡單的密技可以套用在這些主流瀏覽器上。" float_layout.title: "float 版面配置範例" @@ -120,7 +120,7 @@ percent.2: "你甚至還能同時使用 min-widthmax-wid percent.layout.title: "百分比寬度的版面配置" percent.layout.1: "你可以用百分比做版面配置,但是這需要更多的工作。在下面的例子中,當視窗寬度很窄時 nav 的內容就會被擠壓得非常難看。總之,你要選一種最合適你內容的方式來排版。" -percent.layout.2: "當版面配置很窄時, nav 就會被擠扁。更糟的是,你不能在 nav 上使用 min-width 屬性來修復這個問題,因為視窗太小時,右邊的那欄的內容還是會壓到 nav 上面。" +percent.layout.2: "當版面配置很窄時, nav 就會被擠扁。更糟的是,你不能在 nav 上使用 min-width 屬性來改善這個問題,因為視窗太小時,右邊的那欄的內容還是會壓到 nav 上面。" media_queries.title: "媒體查詢(media queries)" media_queries.1: "「響應式設計(Responsive Design)」是一種讓網站針對不同的瀏覽器和上網裝置「響應」不同顯示效果的策略,讓網站不管在任何情況下都能完美呈現!" @@ -138,7 +138,7 @@ inline_block.easy_way.title: "容易的方法(使用 inline-block)" inline_block.easy_way.info: "你可以用 display: inline-block; 來實現相同效果。" inline_block.easy_way.box: "我是一個行內元素(inline-block)" inline_block.easy_way.after: "這次我不需要用 clear 屬性了。讚!" -inline_block.2: "要使用 inline-block 你得額外做些事來支援 IE6 和 IE7。有些時候人們談到 inline-block 會觸發所謂 hasLayout 的東西,你只需要知道那是用來支持舊版 IE 瀏覽器用的。如果你對此很感興趣,可以在上面那個超連結中找到更詳細的資訊。否則我們就繼續下去吧。" +inline_block.2: "要使用 inline-block 你得額外做些事來支援 IE6 和 IE7。有些時候人們談到 inline-block 會觸發所謂 hasLayout 的東西,你只需要知道那是用來支援舊版 IE 瀏覽器用的。如果你對此很感興趣,可以在上面那個超連結中找到更詳細的資訊。否則我們就繼續下去吧。" inline_block_layout.title: "使用 inline-block 版面配置" inline_block_layout.1: "你可以使用 inline-block 進行版面配置,但有一些事情你必須記得:" @@ -149,11 +149,11 @@ inline_block_layout.tada: "太棒了!" column.title: "column" column.1: "有一組新的 CSS 屬性可以幫你輕鬆的實現多欄文字的版面配置。你看:" -column.2: "CSS3 Multiple Columns 是很新的標準,所以你需要使用前綴,並且它不支援 IE9 以下和 Opera Mini 版本。還有許多和 cloumn-* 相關的屬性,點擊這裡瞭解更多。否則讓我們進入下一個主題。" +column.2: "CSS3 Multiple Columns 是很新的標準,所以你需要使用針對不同瀏覽器專用的前綴,並且它不支援 IE9 以下和 Opera Mini 版本。還有許多和 cloumn-* 相關的屬性,點擊這裡瞭解更多。否則讓我們進入下一個主題。" flexbox.title: "flexbox" flexbox.1: "新的 flexbox 技術重新定義了使用 CSS 版面配置的方法。遺憾的是 flexbox規範最近的變動過多,導致不同瀏覽器之間對它的實作也有所差異,不過我仍想分享一些例子來讓你知道即將發生的改變。這些例子目前只能運作在有實作最新版標準某些瀏覽器上。" -flexbox.2: "網路上有不少過時的 flexbox 資料,如果你想瞭解更多有關 flexbox 的內容,可以從這裡學習如何識別資料是否過時。我也寫過一份關於最新語法的詳細文章。" +flexbox.2: "網路上有不少過時的 flexbox 資料,如果你想瞭解更多有關 flexbox 的內容,可以從這裡學習如何辨識資料是否過時。我也寫過一份關於最新語法的詳細文章。" flexbox.3: "你還可以使用 flexbox 做到更多版面配置的技巧,這裡只是一些讓你瞭解概念的例子而已:" flexbox.simple.title: "使用 Flexbox 配置簡單的版面" flexbox.simple.1: "Flexbox 好簡單!" @@ -166,7 +166,7 @@ flexbox.centering.title: "使用 Flexbox 配置居中的版面" flexbox.centering.1: "CSS 總算有了一種可以簡單完成的版面垂直置中的方法了!" frameworks.title: "CSS 框架" -frameworks.1: "因為 CSS 版面配置有點難用,市面上有不少 CSS 框架可以用來配置版面,這裡有整理一些讓你參考。要使用框架幫你進行版面配置,只有當這個框架真正符合你需求時,使用框架才是個好主意,了解 CSS 的運作方式是無可取代的。" +frameworks.1: "因為 CSS 版面配置有點難用,市面上有不少 CSS 框架可以用來配置版面,這裡有整理一些讓你參考。要使用框架幫你進行版面配置,只有當這個框架真正符合你需求時,使用框架才是個好主意,然而了解 CSS 的運作方式是無可取代的。" frameworks.2: "就這樣!如果你對本站有任何反饋,請在 Twitter 上聯繫我!" about.title: "關於本站"