<div class="first">50%=100px</div> <div class="second">50.5%=101px</div> "> <div class="first">50%=100px</div> <div class="second">50.5%=101px</div> "> <div class="first">50%=100px</div> <div class="second">50.5%=101px</div> " />

फ्रैक्शनल पिक्सेल आईई और क्रोम में अलग-अलग गोलाकार होते हैं

Is there any way to control whether a browser rounds fractional pixels up or down? IE rounds down by default, and Chrome rounds up, as can be seen in the following example http://jsfiddle.net/q5BQs/3/

मेरा एचटीएमएल:

<div id="percentage">
    <div class="first">50%=100px</div>
    <div class="second">50.5%=101px</div>
    <div class="third">51%=102px</div>
</div>

<div id="pixels"> <div class="first">50px</div> <div class="second">50.5px</div> <div class="third">50.6px</div> <div class="fourth">51px</div> </div>

मेरा सीएसएस:

#percentage {
    width: 200px;
    color: white;
}

#percentage .first {
    width: 50%;
    height: 20px;
    background-color: red;
}

#percentage .second {
    width: 50.5%;
    height: 20px;
    background-color:green;
}

#percentage .third {
    width: 51%;
    height: 20px;
    background-color:blue;
}

#pixels {
    color: white;
}

#pixels .first {
    width: 50px;
    height: 20px;
    background-color: red;
}

#pixels .second {
    width: 50.5px;
    height: 20px;
    background-color:green;
}

#pixels .third {
    width: 50.6px;
    height: 20px;
    background-color:blue;
}

#pixels .fourth {
    width: 51px;
    height: 20px;
    background-color:red;
}
1
मैं इन्हें मैन्युअल रूप से सेट नहीं कर रहा हूं ... मेरे ग्रिड सिस्टम पर ... मैंने बस 6 कॉलन ... या 8 कॉलन की तरह कुछ डाला ... और इसमें इन दशकों के साथ बहुत कुछ है ...
जोड़ा लेखक user3058000, स्रोत
@BFDatabaseAdmin जो इस प्रश्न का उत्तर नहीं देता है।
जोड़ा लेखक CL., स्रोत
@Aioros से सहमत फ्रैक्शनल पिक्सल हमेशा एक बुरा विचार होने जा रहे हैं।
जोड़ा लेखक Spudley, स्रोत
अनिवार्य प्रश्न: आपको दशमलव पिक्सल की आवश्यकता क्यों होगी?
जोड़ा लेखक Aioros, स्रोत

1 उत्तर

आप ब्राउज़र को आंशिक पिक्सल के दौर के तरीके को बदल नहीं सकते हैं। यह अलग-अलग ब्राउज़रों को HTML प्रस्तुत करने के तरीके में अंतर्निहित अंतरों में से एक है।

0
जोड़ा