วิธีการเปลี่ยนขนาดตัวอักษร TAB ในเบราว์เซอร์ใด ๆ


11

ฉันไม่สามารถทำงานใกล้พีซีได้อีกต่อไปดวงตาของฉันเจ็บ - ฉันเป็นผู้พัฒนา ฉันใช้เบราว์เซอร์เยอะ ฉันลองทั้งหมดของพวกเขา: IE, Safari, FF, Chrome - พวกเขาทั้งหมดไม่ดีในสิ่งที่ง่ายที่สุด - ขนาดตัวอักษรขนาดใหญ่สำหรับแท็บ

โปรดอย่าแนะนำให้ฉันเปลี่ยนความละเอียดหรือเปลี่ยนขนาด DPI - นี่ไม่ใช่วิธีแก้ปัญหาเลย

ฉันไม่สนหรอกว่า Chrome จะโหลดเร็วกว่าเบราว์เซอร์ X 14 ms หรือไม่ถ้าฉันใช้เวลา 5,000 ms พยายามที่จะตัดสินว่าแท็บเล็ก ๆ นั้นมีประโยชน์อะไร ฉันมี -2.00 - และนี่คือความเครียดสำหรับดวงตาของฉัน

มีกระทู้มากมายใน Google มีการเต้นรำใน Firefox ไม่พบอะไรเลยสำหรับซาฟารี มันเป็นเวลาสำหรับ Linux แล้วหรือยัง?

อาจจะมีคนที่แต่งตัวประหลาดอัจฉริยะที่เขียนปลั๊กอินเพื่อช่วยในการมองเห็นของฉัน?


ฉันแนะนำ Firefox เนื่องจากใช้ XUL / CSS สำหรับ UI คุณสามารถปรับแต่งลักษณะของส่วนใดส่วนหนึ่งโดยทั่วไป
iglvzx

ว่าอย่างไร ทรัพยากรที่เหมาะสม?
Aubergine

1
@ มะเขือฉันเป็นทรัพยากรของตัวเอง ;)
iglvzx

นั่นเป็นสิ่งที่ดีสำหรับคุณ :-) แต่ฉันต้องการเห็นวิธีแก้ปัญหาสากลที่เหมาะสมกับจิตวิญญาณที่น่าสงสารอย่างฉัน
Aubergine

ฉันสนใจที่จะเห็นคำตอบจาก @iglvzx เช่นกัน นี่เป็นปัญหาที่ฉันจัดการด้วย

คำตอบ:


10

คุณสามารถแก้ไขuserChrome.cssของโปรไฟล์ Firefox หรือใช้Stylish add-on เพื่อกำหนดกฎ CSS ต่อไปนี้:

#tabbrowser-tabs
{
    font-size: ... !important;
}

ไหน...จะถูกแทนที่ด้วยที่ถูกต้องคุ้มค่า font-size

ตัวอย่าง:

#tabbrowser-tabs
{
    font-size: 20px !important;
}

แท็บ

วิดีโอสาธิต: http://www.youtube.com/watch?v=BAhzZuhN61E


PS:หากคุณต้องการแก้ไขขนาดตัวอักษรของเมนูป๊อปอัพแสดงรายการแท็บทั้งหมดตัวเลือก CSS คือ:

#alltabs-popup menuitem

PPS:เมื่อคุณเพิ่มขนาดของข้อความในแท็บแล้วคุณสามารถเพิ่มความกว้างของแต่ละแท็บเพื่อรองรับ:

.tabbrowser-tab:not([pinned]) 
{
    min-width: ... !important;
    max-width: ... !important;
}

ไหน...จะถูกแทนที่ด้วยที่ถูกต้องนาทีความกว้างหรือความกว้างสูงสุดคุ้มค่า เล่นกับค่าเหล่านี้เพื่อรับเอฟเฟกต์ที่แตกต่างกัน! หมายเหตุ: แท็บที่ถูกตรึงจะมีขนาดเท่าเดิม

ตัวอย่าง:

.tabbrowser-tab:not([pinned]) 
{
    min-width: 400px !important;
}

แท็บกว้าง


ฉันพยายาม แต่มันใช้งานไม่ได้ - สร้าง `chrome 'เพิ่ม css - ไม่มีผลเลย: - \ C: \ Users \ MyUserName \ AppData \ Roaming \ Mozilla \ chrome บางทีฉันทำอะไรผิดไป Update: ช่างเป็นภาพที่น่ารัก - ความฝันของฉัน
Aubergine

+1 ทำงานบนเครื่องของฉัน (FF ล่าสุดใน OS X ล่าสุด)

อืมทำไมสิ่งนี้ถึงเกิดขึ้นกับฉันฉันจะพยายามต่อไป ... :-)
Aubergine

@ มะเขือลองใช้ Add-on อย่างมีสไตล์มันใช้งานได้เหมือนกัน แต่ใช้ง่ายกว่า
iglvzx

1
คุณรู้อะไรไหม? คุณกำลังมหัศจรรย์ :-D
Aubergine
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.