2012-06-01 12 views
8

की रूपांतरण दर कम से कम मैं समय में चलाता हूं जब मुझे पीटी के बजाय पीएक्स या एम के बजाय पीटी का उपयोग करने की आवश्यकता होती है, या जो भी मामला है, और सही आकार खोजने की कोशिश कर रहा है 36px से कुछ बड़ा करने के लिए कभी-कभी दर्द में अधिक दर्द होता है .... इससे पहले। तो मैं मूल रूप से खुद को थोड़ा रूपांतरण कैलक्यूलेटर बनाना चाहता हूं। हालांकि मुझे ऐसा कुछ भी नहीं लगता है जो दूसरे के बराबर काउंटर हिस्से के लिए एक दूसरे से रूपांतरण दर क्या है।पीटी, एम, पीएक्स, प्रतिशत, अन्य

मुझे उम्मीद है कि मैं यहां किसी को ढूंढ सकता हूं जो इसके साथ मेरी मदद कर सकता है। असल में मेरी समग्र उम्मीद है कि मुझे कैलकुलेटर जैसे थोड़ा jquery आधारित इनपुट बनाना है। मैं अपने पीएक्स, पीटी,%, अन्य में कुंजी और टाइप करने के लिए अपना रूपांतरण चुनें और ठीक क्लिक करें।

गणना बनाना, काफी आसान है। गणित को मुझे प्रति रूपांतरण आधार पर इतना लागू नहीं करना होगा, और यही वह है जो मैं यहां ढूंढने की उम्मीद कर रहा हूं ताकि मैं इसे कर सकूं।

+0

ऐसा कारण है कि ऐसा कैलकुलेटर मौजूद नहीं है: पीएक्स एक पूर्ण मूल्य है, जैसे पीटी, एम, प्रतिशत, आदि * रिश्तेदार * हैं। रुको, मैं एक SO सवाल खोदूँगा ... –

+0

उदा। देखें http://stackoverflow.com/questions/3333076/difference-between-px-and-em –

+1

इसके अलावा http://stackoverflow.com/questions/609517/why-em-instead-of-px –

उत्तर

17

खैर,

12pt = 16px = 1em = 100%

आप यह सोचते हैं (किसी और pt अलग होगा) शरीर पर फ़ॉन्ट आकार में परिवर्तन नहीं करते, अपने ओएस के डीपीआई सेट किया गया है

pt = 3/4*px 

em = pt/12 

% = pt*100/12 
इस मामले में

: 72 आदि आदि ..

पर रिश्ते की तरह दिखता है। यह इंगित करने लायक है कि पीटी का उपयोग गलत है, जब तक आप कुछ प्रिंट नहीं कर रहे हैं, और पीएक्स,% या एम का उपयोग करना अधिक सामान्य है।

व्यक्तिगत रूप से, मैं सिर्फ पीएक्स या एम का उपयोग करता हूं। % या em का उपयोग डिज़ाइन के लिए आसान है जहां छोटे फ़ॉन्ट आकार के लिए मूल फ़ॉन्ट आकार बदलता है।

+0

मैं आमतौर पर स्वयं का प्रशंसक हूं, इस परिदृश्य में सबसे बड़ी बात क्या मैं कई डिजाइनरों के साथ काम करता हूं और उनमें से प्रत्येक के पास अपनी प्राथमिकताओं की प्राथमिकता होती है। और बीमार एक आदमी से कल्पना प्राप्त करते हैं जैसे कि हमें "320pt x 600pt" होने की आवश्यकता है और कुछ मामलों में एम या पीएक्स में यह पता लगाना कभी-कभी दर्द होता है। – chris

+0

वेब डिज़ाइन के लिए, पीटी कभी सही नहीं है। शायद उनसे बात करें कि उन्हें क्या लगता है कि पीटी का मतलब है। आपको लगता है कि वे सोचते हैं कि pt == px ... –

+1

वेब डिज़ाइन के लिए हाँ, मैं सहमत हूं, लेकिन शायद इनमें से एक या 2 लोगों को वेब डिज़ाइन के बारे में कुछ पता है, वे सभी ग्राफिक लोग फ़ोटोशॉप, इलिस्ट्रेटर या कई मामलों में काम कर रहे हैं प्रिंट डिजाइनर। इसलिए अक्सर मैं कुछ ऐसा नहीं कर रहा हूं जो वेब – chris

3

ईएमएस और% एस सापेक्ष मूल्य हैं जो आपके संदर्भ के आधार पर बदल सकते हैं। आम तौर पर, 1em 16px के बराबर होता है, लेकिन यदि आप अपने शरीर के फ़ॉन्ट-आकार 1em को बदलते हैं तो आप जो कुछ भी बदलते हैं उसके बराबर है। 1.25em 125% के बराबर है।

आम तौर पर, 72pt 1 इंच के बराबर है, लेकिन इसका उपयोग प्रिंट सीएसएस के बाहर नहीं किया जाना चाहिए।

पीएक्स भी पूर्ण है लेकिन क्लाइंट डिवाइस डीपीआई पर अत्यधिक निर्भर है। यह बहुत भिन्न होता है, लेकिन अधिकांश डिवाइस पीएक्स वैल्यू को एक विकृत तरीके से संभालते हैं - रेटिना आईफोन पर 10 पीएक्स प्री-रेटिना डिवाइस पर 10 पीएक्स के समान दिखता है।

rem भी है जो आपके html तत्व के फ़ॉन्ट-आकार को संदर्भित करता है। और देखें: http://snook.ca/archives/html_and_css/font-size-with-rem

0

वेबसाइट को सभी के लिए सचमुच खोलने के लिए, आपको अंक और पिक्सेल से छुटकारा पाने की आवश्यकता है। आपको उन मापों को सापेक्ष होने की आवश्यकता है। इसलिए पर्सेंट और ईएमएस।

यह जाने का सबसे अच्छा तरीका है।

बहुत से लोगों (ग्राहकों) में कई प्रकार की दृष्टि की समस्याएं हैं।

ऐसी वेबसाइट क्यों बनाएं जो लोग आसानी से उपयोग नहीं कर सकें?

(मानकों की विविधता इन समस्याओं का समाधान)

+0

हां, और कोई भी इससे असहमत नहीं है, लेकिन जैसा कि पहले उल्लेख किया गया है .. जिन डिजाइनरों के साथ मैं काम करता हूं, उन्हें सामान के लिए प्रारंभिक चश्मा देने पर ध्यान में नहीं आता है, इसलिए मुझे बाहर जाना और समकक्ष ढूंढना है ताकि मैं कर सकूं चीजों के वेब पक्ष पर साइटों/सॉफ्टवेयर को मानकों तक अधिक बनाते हैं। मुझे जरूरतों के लिए जनता को अनुरूप बनाने की कोशिश करना एक हास्यास्पद अवधारणा है, इसलिए धारा से लड़ने के बजाय मैं जो कुछ लेता हूं उसे लेता हूं और जो करता हूं उसे करने के लिए मुझे यह करना चाहिए। लेकिन अंत में मेरी खोज पर मेरी सहायता करने के लिए छोटे टूल बनाने के बारे में :-) – chris

+0

@ क्रिस - कृपया स्ट्रीम से लड़ें - क्योंकि एक दिन आपको अपनी स्ट्रीम से लड़ने के लिए किसी की आवश्यकता हो सकती है। –

0
  • 1 मिमी = ca 3.78 पिक्सल
  • 1 सेमी = 10 मिमी = ca 37।8 पिक्सल
  • 1in = 25.4 मिमी = 96px
  • 1pt = 1/72 में = 1 1/3 पिक्सल
  • 1 पीसी = 12pt = 1/6 में = 16px
  • 1 px = 3/4pt = 1/96 में

ये संबंध एक-दूसरे के लिए तय किए गए हैं लेकिन सावधान रहें कि वे स्क्रीन लेआउट में भौतिक आयामों के अनुरूप नहीं हैं। 1in केवल स्क्रीन पर वास्तविक इंच से मेल खाती है यदि स्क्रीन पर 96 पर सटीक डीपीआई है। स्क्रीन और उपकरणों की एक विस्तृत विविधता मौजूद है, इसलिए शायद ही कभी यह मामला होगा।

1px हमेशा भौतिक पिक्सेल से मेल नहीं खाता है। उच्च डीपीआई उपकरणों (जैसे "रेटिना" डिस्प्ले) के लिए, ब्राउज़र पीएक्स इकाइयों को भौतिक पिक्सेल के गुणकों में परिवर्तित कर सकता है, उदाहरण के लिए। 1px = 4x4 भौतिक पिक्सल।

प्रिंट में, सेमी, मिमी में इकाइयां वास्तव में भौतिक इकाइयों के अनुरूप होती हैं। हालांकि, पीएक्स यूनिट, प्रिंट स्टाइलशीट के लिए उपयोग किए जाने पर स्क्रीन पिक्सेल (या डीपीआई) से कोई संबंध नहीं है। इसे सिर्फ एक इंच के 1/96 के रूप में परिभाषित किया गया है।

रिश्तेदार इकाइयों (एम, पूर्व,%) को पूर्ण इकाइयों (पीएक्स, सेमी, मिमी, इन, पीसी, पीटी) में परिवर्तित नहीं किया जा सकता है क्योंकि संबंधित इकाइयां वर्तमान फ़ॉन्ट आकार पर निर्भर करती हैं।

संबंधित मुद्दे