CSS ইউনিট কনভার্টার

CSS ইউনিট কনভার্টার কী?

CSS ইউনিট কনভার্টার একটি বিনামূল্যের ইন-ব্রাউজার টুল যা একটি একক CSS দৈর্ঘ্যকে সাতটি প্রচলিত ইউনিটে অনুবাদ করে: px, rem, em, pt, %, vw এবং vh। ফ্রন্ট-এন্ড ডেভেলপার ও ওয়েব ডিজাইনাররা এটি ব্যবহার করেন কোনো লেআউটকে নিরঙ্কুশ পিক্সেল ও রেসপনসিভ ইউনিটের মধ্যে সরাতে, কাস্টম রুট ফন্ট আকারে একটি rem কত পিক্সেলের সমান হয় তা যাচাই করতে, অথবা প্রিন্ট-স্টাইল pt মানকে স্ক্রিন পিক্সেলে রূপান্তর করতে। যেহেতু rem রুট ফন্ট আকারের উপর, em ও % প্যারেন্ট ফন্ট আকারের উপর, এবং vw/vh ভিউপোর্টের উপর নির্ভর করে, কনভার্টার এই চারটিকেই সমন্বয়যোগ্য সেটিং হিসেবে উপস্থাপন করে। একটি মান টাইপ করুন, তার উৎস ইউনিট বেছে নিন, এবং প্রতিটি ফলাফল ফিল্ড একসঙ্গে আপডেট হয়। পেস্ট-করার-জন্য-প্রস্তুত একটি CSS স্নিপেট সাতটি সমতুল্যকে font-size ঘোষণা হিসেবে তালিকাভুক্ত করে।

CSS ইউনিট কনভার্টার কীভাবে ব্যবহার করবেন

1. সেটিংস খুলুন এবং রুট ফন্ট আকার (যে html font-size-এর উপর rem ভিত্তি করে), প্যারেন্ট ফন্ট আকার (em ও %-এর জন্য), এবং ভিউপোর্টের প্রস্থ ও উচ্চতা (vw ও vh-এর জন্য) সেট করুন।
2. যে সংখ্যাটি রূপান্তর করতে চান তা মান ইনপুটে টাইপ করুন।
3. "From" ড্রপডাউন থেকে উৎস ইউনিট বেছে নিন: px, rem, em, pt, %, vw বা vh।
4. লেবেলযুক্ত, কেবল-পঠনযোগ্য ফলাফল ফিল্ডে প্রতিটি সমতুল্য পড়ুন; আপনি মান, ইউনিট বা যেকোনো সেটিং পরিবর্তন করলে এগুলো সবই স্বয়ংক্রিয়ভাবে পুনরায় গণনা হয়।
5. তৈরি হওয়া CSS স্নিপেটটি কপি করুন যাতে সাতটি font-size সমতুল্য সরাসরি আপনার স্টাইলশিটে পেস্ট করা যায়।

উদাহরণ

রুট 16px, মান 16, From px

rem = 1

রুট 10px, মান 2, From rem

px = 20

মান 16, From px

pt = 12

সচরাচর জিজ্ঞাসিত প্রশ্ন

এটি কোন কোন ইউনিটের মধ্যে রূপান্তর করে?

সাতটি CSS দৈর্ঘ্য ইউনিট: px, rem, em, pt, %, vw এবং vh। এদের যেকোনোটি উৎস হতে পারে, এবং সাতটি সমতুল্য একই সময়ে দেখানো হয়।

আমাকে রুট, প্যারেন্ট ও ভিউপোর্ট আকার কেন সেট করতে হয়?

এই ইউনিটগুলো আপেক্ষিক। rem হলো রুট (html) ফন্ট আকারের গুণিতক, em ও % প্যারেন্ট ফন্ট আকারের সাপেক্ষে, এবং vw/vh হলো ভিউপোর্টের প্রস্থ ও উচ্চতার শতকরা অংশ। সেটিংসে এগুলো নির্ধারণ করলে কনভার্টার জানতে পারে প্রতিটি আপেক্ষিক ইউনিট কীসে রূপান্তরিত হয়।

pt কীভাবে পরিচালিত হয়?

CSS সংজ্ঞায়িত করে 96px = 1in = 72pt, তাই 1pt সমান 4/3 px এবং 1px সমান 0.75pt। কনভার্টার এই নির্দিষ্ট অনুপাত ব্যবহার করে, যা ফন্ট আকার বা ভিউপোর্ট থেকে স্বাধীন।

কোনো মান বা সেটিং অবৈধ হলে কী হয়?

মানটি যদি কোনো সসীম সংখ্যা না হয়, অথবা রুট, প্যারেন্ট বা ভিউপোর্ট আকারগুলোর কোনোটি অনুপস্থিত, শূন্য বা ঋণাত্মক হয়, তবে আপনি বৈধ সংখ্যা না দেওয়া পর্যন্ত ফলাফল ফিল্ডগুলো একটি ড্যাশ (—) দেখায়।

কিছু কি কোনো সার্ভারে পাঠানো হয়?

না। সমস্ত রূপান্তর সম্পূর্ণরূপে আপনার ব্রাউজারে ক্লায়েন্ট-সাইডে চলে, কোনো আপলোড ও কোনো সার্ভার কল ছাড়াই, তাই আপনার প্রবেশ করানো মান কখনও আপনার ডিভাইস ছেড়ে যায় না।