अनुकूलित jQuery यूआई स्लाइडर ऊंचाई और चौड़ाई

Question

जब jQuery यूआई स्लाइडर की ऊंचाई/चौड़ाई को अनुकूलित (और संभाल), संभाल अब स्लाइड बहुत दूर (स्लाइडर के बंद) को छोड़ दिया जाएगा। क्या ऐसा करने का कोई अनुशंसित तरीका है?

यहाँ आप को दिखाने के लिए मैं क्या मतलब है एक बेला है: http://jsfiddle.net/w7A4k/

मैं इसके लिए API Documentation में कुछ नहीं देखा है, और मैं एक बहुत ही बुनियादी सेटअप का उपयोग कर रहा:

$("#slider").slider({ 
    orientation: "horizontal", 
    max: 100, 
    min: 0 
}); 

Answer 1

प्रयास करें

fiddle demo

.ui-slider .ui-slider-handle { 
    height: 15px; 
    width: 5px; 
    padding-left: 5px; //add this 
} 

---

कहें बार के अंदर स्लाइडर JQuery यूआई स्लाइडर का padding-left: 5px;

Answer 2

यूनिट आकार em में है जोड़ें। इसलिए स्लाइडर आकार इसके फ़ॉन्ट आकार के सापेक्ष है।

• स्लाइडर HEIGHT को संभालने के लिए स्लाइडर div का फ़ॉन्ट आकार बदलें।
• स्लाइडर WIDTH को संभालने के लिए स्लाइडर की कंटेनर चौड़ाई बदलें।