Avoiding Tab Spillage避免標籤溢漏

Regular commentator on Sciencetext, Hsien-Hsien Lei of定期評論員： sciencetext ，賢賢雷的 DNA news blog eyeondna.com DNA的新聞博客eyeondna.com alerted me to the fact that the tabbed navigation on our sibling site Sciencebase.com spills over if users set a larger than default screen font for in their browser.提醒我這一事實，即標籤導航對我們的兄弟姊妹網站sciencebase.com溢漏超過如果用戶設定一個大於默認屏幕字體，在他們的瀏覽器。 In Firefox, you can change display font size very easily simply by using the Control key in conjunction with the + or - keys.在Firefox中，您可以更改顯示的字體大小，很容易簡單地用控制的關鍵在與+或-鍵。 A Control-0 will bring you back to default.控制- 0將會帶您返回到默認。

The tabs on Sciencebase work nicely at default font size, spanning the logo neatly, with nothing spilling over or being to short for the header.標籤上sciencebase工作好，在默認的字體大小，跨越的標誌整齊，沒有溢出或正在以短期為標題。 But, just one font size up makes the Geeky Bits tab bar spill on to a second line, totally ruining the effect.但是，只要一字型大小了，使乏味的標籤欄位溢漏到一個第二線，完全摧毀的效果。 I am working on it right now, and you might find that by the time this post appears, it will be fixed.我的工作是正確的現在，您可能會發現由這個職位的時間出現，這將是固定的。

But, it got me thinking, do other sites fail the font text for those people who have bigger or smaller font settings?但是，它讓我的思想，做其他網站的失敗字體的文字為這些人誰有更大或更小的字體設置？ They most certainly do他們這樣做，當然最 JohnTP.com johntp.com , one of my favorite bloggers’ blogs, if you Control-+ it will lose most of its upper menu above the top of the screen and you cannot scroll to retrieve it. ，其中我最喜愛的博客博客，如果你控制+它就會失去其大部分的菜單上以上的畫面上方的和你不能滾動到找回它。 There is lots of spillage of the sidebar menu over on有很多溢出的工具欄菜單中超過對 technology news site BlahBlahTech科技新聞網站blahblahtech too, although nothing goes missing.太，雖然沒有什麼雲失踪。

Some sites cope very well.一些網站應付得很好。 Sciencetext itself works just fine at one font size up, although nudge it too and things are not quite so glamorous. sciencetext本身的工程只是罰款1字體大小，雖然促使它也和事情並非如此迷人。 Digital Inspiration數字的啟示 too, seems to work perfectly even with several upward nudges of font size as does the太，似乎工作，甚至完全與幾個向上nudges的字體大小作為是否 Pure Blogging純博客 site, as does SciScoop.com, at least for one nudge up.網站一樣， sciscoop.com ，至少在一微調。

Basically, the problem boils down to one of scalability.基本上，問題歸結為一個可擴展性。 If the web designer or creator of a theme allows fonts to be scaled rather than fixing them, then at some bigger than default font size setting displaying the page will take it beyond the readily readable.如果網頁設計師或創造一個主題，讓字體被縮小，而不是固定，然後在一些大於默認字體大小設置顯示該網頁將採取它超越了隨時可讀。 However, setting static font sizes is not the answer as that simply removes the benefits for those who like to read at a large font size and you are liable to turn them off.不過，設置靜態的字體大小是不是問題的答案，因為這只是刪除的好處，對於那些誰想讀某大型字體大小和你承擔責任，把它們趕走。

The answer is to ensure your site’s theme is scalable, but give the tabs, links, and navigation enough room to move around when someone ups the ante, otherwise there could be some serious spillages.答案是，以確保您的網站的主題是擴展性，但給予的標籤，鏈接和導航足夠的空間走動，當有人的UPS前廳，否則可能會有一些嚴重的spillages 。