আমার pt বা px ব্যবহার করা উচিত?
উত্তর:
px ≠ পিক্সেল
এই সমস্ত উত্তর ভুল বলে মনে হচ্ছে। স্বজ্ঞাত বিপরীতে, সিএসএসে px পিক্সেল নয় । কমপক্ষে, সহজ শারীরিক অর্থে নয়।
কীভাবে সিএসএসের জন্য "জাদুকরী" ইউনিট উদ্ভাবিত হয়েছে সে সম্পর্কে ডাব্লু 3 সি , ইএম, পিএক্স, পিটি, সিএম, ইন… এর এই নিবন্ধটি পড়ুন px। pxহার্ডওয়্যার এবং রেজোলিউশনের অর্থ পরিবর্তিত হয়। (নিবন্ধটি টাটকা, সর্বশেষ আপডেট হয়েছে 2014-10))
এটি সম্পর্কে আমার নিজস্ব চিন্তাভাবনা: 1 px is the size of a thin line intended by a designer to be barely visible.
এই নিবন্ধটি উদ্ধৃত :
Px ইউনিটটি CSS এর ম্যাজিক ইউনিট। এটি বর্তমান ফন্টের সাথে সম্পর্কিত নয় এবং এটি পরম ইউনিটগুলির সাথেও সম্পর্কিত নয়। পিএক্স ইউনিটটি সংক্ষিপ্ত হলেও দৃশ্যমান হিসাবে সংজ্ঞায়িত করা হয়েছে এবং তীব্র প্রান্তগুলির সাথে একটি অনুভূমিক 1px প্রশস্ত রেখা প্রদর্শিত হতে পারে (কোনও অ্যান্টি-এলিয়জিং নেই)। কোনটি তীক্ষ্ণ, ছোট এবং দৃশ্যমান তা ডিভাইস এবং এটি কীভাবে ব্যবহৃত হয় তার উপর নির্ভর করে: আপনি কি এটিকে আপনার চোখের কাছে যেমন একটি মোবাইল ফোনের মতো, অস্ত্রের দৈর্ঘ্যে, কম্পিউটার মনিটরের মতো, বা কোথাও কোথাও বইয়ের মতো ধরে রেখেছেন? Px সুতরাং একটি ধ্রুবক দৈর্ঘ্য হিসাবে সংজ্ঞায়িত করা হয় না, কিন্তু এমন কিছু হিসাবে যা ডিভাইসের ধরণ এবং এর সাধারণ ব্যবহারের উপর নির্ভর করে।
পিক্সের উপস্থিতি সম্পর্কে ধারণা পেতে 1990 এর দশক থেকে একটি সিআরটি কম্পিউটার মনিটরের কল্পনা করুন: এটি সবচেয়ে ছোট বিন্দুটি ইঞ্চি (0.25 মিমি) এর 1/100 তম বা আরও কিছু পরিমাপ প্রদর্শন করতে পারে। Px ইউনিট screen স্ক্রিন পিক্সেল থেকে তার নাম পেয়েছে।
আজকাল এমন ডিভাইস রয়েছে যা নীতিগতভাবে ছোট তীক্ষ্ণ বিন্দু প্রদর্শন করতে পারে (যদিও এগুলি দেখার জন্য আপনার একটি ম্যাগনিফায়ার প্রয়োজন হতে পারে)। তবে গত শতাব্দীর যে ডকুমেন্টগুলি সিএসএসে px ব্যবহার করেছিল সেগুলি এখনও একই দেখাচ্ছে, ডিভাইসটি যাই হোক না কেন। মুদ্রকগুলি, বিশেষত, 1 পিএক্স এর তুলনায় অনেক ছোট বিশদ সহ তীক্ষ্ণ রেখাগুলি প্রদর্শন করতে পারে তবে প্রিন্টারেও, 1px লাইনটি কম্পিউটার মনিটরের মতো দেখতে অনেকটা একই দেখায়। ডিভাইসগুলি পরিবর্তন হয়, তবে পিক্সের সর্বদা একই ভিজ্যুয়াল উপস্থিতি থাকে।
এই নিবন্ধটি এই প্রশ্নের উত্তর দেওয়ার জন্য ptবনাম pxবনাম ব্যবহার সম্পর্কে কিছু গাইডেন্স দেয় em।
thin line intended by a designer to be barely visible. WAT? এটি একটি দেবগীতি। সিএসএসে পিক্সেল == আসল পিক্সেল * ডিভাইস পিক্সেল অনুপাত। কম নয়, আর নেই। আসলে, এটি বর্তমান প্রশ্নের ক্ষেত্রে এবং সিএসএস নিয়ে কাজ করার ক্ষেত্রে গুরুত্বপূর্ণ নয়।
এখানে আপনি তাদের পার্থক্যগুলির একটি খুব বিশদ ব্যাখ্যা পেয়েছেন
http://kyleschaeffer.com/development/css-font-size-em-vs-px-vs-pt-vs/
এর উত্সাহ (উত্স থেকে)
পিক্সেলগুলি স্থির-আকারের ইউনিট যা স্ক্রিন মিডিয়াতে ব্যবহৃত হয় (অর্থাত্ কম্পিউটারের স্ক্রিনে পড়তে হবে)। পিক্সেলটির অর্থ "চিত্রের উপাদান" এবং আপনি জানেন যে, আপনার পর্দায় একটি পিক্সেল একটি সামান্য "স্কোয়ার"। পয়েন্টগুলি প্রিন্ট মিডিয়াতে paperতিহ্যগতভাবে ব্যবহৃত হয় (কাগজে মুদ্রণের জন্য যে কোনও কিছুই)। একটি বিন্দু একটি ইঞ্চির 1/72 এর সমান। পয়েন্টগুলি অনেকটা পিক্সেলের মতো, এটি স্থির-আকারের ইউনিট এবং আকারে স্কেল করতে পারে না।
pxহয় না CSS এ পিক্সেল অন্তত সহজ শারীরিক অর্থে নয়। ডাব্লুসি 3 দ্বারা এই নিবন্ধটি পড়ুন pxএবং এটি সিএসএস দ্বারা এবং সম্পূর্ণরূপে উদ্ভাবিত একটি "ম্যাজিক" ইউনিট Read অর্থ pxহার্ডওয়্যার এবং পর্দার রেজল্যুশন দ্বারা পরিবর্তিত হয়।
সিএসএস-ট্রিক্সে এই দুর্দান্ত নিবন্ধটি দেখুন:
নিবন্ধ থেকে নেওয়া:
পর্তুগীজ ভাষায়
পরিমাপের চূড়ান্ত একক যা ফন্টের আকারগুলিতে ঘোষণা করা সম্ভব তা হ'ল পয়েন্ট মান (পিটি)। পয়েন্ট মানগুলি কেবল প্রিন্ট সিএসএসের জন্য! পয়েন্ট হ'ল পরিমাপের একক যা বাস্তব জীবনের কালি অন-কাগজ টাইপোগ্রাফির জন্য ব্যবহৃত হয়। 72pts = এক ইঞ্চি। এক ইঞ্চি = একটি বাস্তব জীবনের ইঞ্চি-অন-এ-রুলার। কোনও স্ক্রিনে একটি ইঞ্চিও নয়, যা রেজোলিউশনের ভিত্তিতে সম্পূর্ণ নির্বিচারে।
ফন্ট-আকার দেওয়ার জন্য মনিটরে পিক্সেলগুলি কীভাবে মৃত-নির্ভুল, ঠিক তেমন বিন্দু আকারগুলি কাগজে মৃত-নির্ভুল। পৃষ্ঠাগুলি মুদ্রণের সময় সেরা ক্রস-ব্রাউজার এবং ক্রস-প্ল্যাটফর্ম ফলাফলের জন্য, একটি মুদ্রণ স্টাইলশিট সেট আপ করুন এবং বিন্দু আকারের সাথে সমস্ত ফন্ট আকার দিন।
ভাল পরিমাপের জন্য, আমরা পর্দার প্রদর্শনের জন্য পয়েন্ট আকারগুলি ব্যবহার না করার কারণ (এটি অযৌক্তিক হওয়া ব্যতীত), ক্রস ব্রাউজারের ফলাফলগুলি একেবারে পৃথক:
px আকারে
আপনার যদি সূক্ষ্ম দানযুক্ত নিয়ন্ত্রণের প্রয়োজন হয়, পিক্সেল মানগুলিতে ফন্টগুলি আকার (পিক্স) একটি দুর্দান্ত পছন্দ (এটি আমার প্রিয়)। কম্পিউটারের স্ক্রিনে, এটি একটি একক পিক্সেলের চেয়ে আরও সঠিক কিছু পায় না। পিক্সেল আকারে হরফ ফন্টের সাহায্যে আপনি ব্রাউজারগুলিকে অক্ষরে অক্ষরে রেন্ডার করতে বলছেন ঠিক উচ্চতায় পিক্সেলের সংখ্যাটি:
উইন্ডোজ, ম্যাক, এলিয়াসড, অ্যান্টি-এলিয়াসেড, ক্রস ব্রাউজারগুলি কিছু যায় আসে না, 14px এ একটি ফন্ট সেট 14px লম্বা হবে। তবে এটি বলার অপেক্ষা রাখে না যে এখনও কিছু ভিন্নতা থাকবে না। নীচে একটি দ্রুত পরীক্ষায়, ফলাফলগুলি কীওয়ার্ডগুলির তুলনায় কিছুটা সামঞ্জস্যপূর্ণ তবে অভিন্ন নয়:
পিক্সেল মানগুলির প্রকৃতির কারণে এগুলি ক্যাসকেড করে না। যদি কোনও পিতামাতার উপাদানটির 18px পিক্সেল আকার থাকে এবং শিশুটি 16px হয় তবে শিশুটি 16px হবে। তবে, ফন্ট-আকারের সেটিংস সংমিশ্রণে ব্যবহার করা যেতে পারে। উদাহরণস্বরূপ, যদি পিতামাতাকে 16px সেট করা হয় এবং শিশুটি বৃহত্তর সেট করা থাকে তবে শিশুটি প্রকৃতপক্ষে পিতামাতার চেয়ে বড় হতে পারে। একটি দ্রুত পরীক্ষা আমাকে এটি দেখিয়েছিল:
"বৃহত্তর" পিতামাতার 16px কে 20px এ বিদ্ধ করেছে, এটি 25% বৃদ্ধি।
অ্যাক্সেসযোগ্যতা এবং ব্যবহারের উদ্বেগের জন্য পিক্সেলগুলি অতীতে একটি খারাপ মোড়ক পেয়েছে। IE 6 এবং এর নীচে, পিক্সেলগুলিতে সেট করা ফন্ট-আকারগুলি ব্যবহারকারীর দ্বারা পুনরায় আকার দেওয়া যাবে না । এর অর্থ হল যে আমরা হিপ সুস্থ ডিজাইনাররা 12px টাইপ করতে পারি এবং এটি ঠিকঠাক স্ক্রিনে পড়তে পারি, তবে দাঁতে কিছুটা লম্বা লোকেরা যখন আকারটি নাড়াচাড়া করতে পারে তখন তারা তা অক্ষম হয়। এটি আসলে আইই 6 এর দোষ, আমাদের নয়, তবে আমরা যা পেয়েছিলাম তা পেয়েছি এবং আমাদের এটি মোকাবেলা করতে হবে।
পিক্সেলগুলিতে হরফ আকার নির্ধারণ করা সবচেয়ে নির্ভুল (এবং আমি সবচেয়ে সন্তোষজনক বলে মনে করি) পদ্ধতি তবে আপনার সাইটে এখনও IE 6 ব্যবহার করা দর্শকদের সংখ্যা এবং তাদের অ্যাক্সেসযোগ্যতার প্রয়োজনীয়তার বিষয়টি বিবেচনায় নেই। এই বিষয়ে আর যত্ন নেওয়ার দরকার নেই আমরা রক্তক্ষরণ প্রান্তে আছি।
pxহয় না অন্তত সহজ শারীরিক অর্থে নয়, CSS এর পিক্সেল। ডাব্লুসি 3 দ্বারা এই নিবন্ধটি পড়ুন pxএবং এটি সিএসএস দ্বারা এবং সম্পূর্ণরূপে উদ্ভাবিত একটি "ম্যাজিক" ইউনিট Read অর্থ pxহার্ডওয়্যার এবং পর্দার রেজল্যুশন দ্বারা পরিবর্তিত হয়।
একটি পিটি ইঞ্চি 1/72 তম এবং ডিপিআই সঠিকভাবে গণনা করে না এমন কোনও ডিভাইসে রেন্ডার করা কোনও কিছুর জন্য অকেজো পরিমাপ। এটি এটিকে মুদ্রণের জন্য যুক্তিসঙ্গত পছন্দ এবং স্ক্রিনে ব্যবহারের জন্য ভয়ঙ্কর পছন্দ করে।
একটি পিক্সেল একটি পিক্সেল, যা বেশিরভাগ ক্ষেত্রে স্ক্রিন পিক্সেলের সাথে মানচিত্র করবে।
সিএসএস অন্যান্য ইউনিটগুলির একটি গোছা সরবরাহ করে এবং কোনটি আপনার চয়ন করা উচিত তা আপনি কীসের আকার নির্ধারণ করছেন তার উপর নির্ভর করে।
কোনও চিত্রের সাথে ম্যাচ করার জন্য আপনার কিছু আকারের প্রয়োজন হলে, বা যদি আপনি পাতলা সীমানা চান তবে একটি পিক্সেল দুর্দান্ত।
শতাংশ হ'ল ফন্টের আকারের জন্য যেমন আপনি যদি ধারাবাহিকভাবে ব্যবহার করেন তবে আপনি হরফ আকারগুলি ব্যবহারকারীর পছন্দ অনুসারে আনুপাতিক পাবেন।
ইমস দুর্দান্ত হয় যখন আপনি ফন্টের আকারের উপর ভিত্তি করে কোনও উপাদান নিজেই আকারে আনতে চান (সুতরাং ফন্টের আকার আরও বড় হলে অনুচ্ছেদ আরও প্রশস্ত হতে পারে)
… ইত্যাদি।
পিটি হ'ল "পয়েন্ট" এর একটি ডেরাইভেশন (সংক্ষেপণ) যা printতিহাসিকভাবে মুদ্রণের ধরণের মুখগুলিতে ব্যবহৃত হত যেখানে আকারটি "পয়েন্ট "গুলিতে সাধারণত" পরিমাপ করা "হত যেখানে 1 পয়েন্টের প্রায় এক ইঞ্চি 1/72 এর পরিমাপ হয় এবং এইভাবে একটি 72 পয়েন্ট ফন্টটি আকারে 1 ইঞ্চি হবে।
পিক্সেল "পিক্সেল" এর একটি সংক্ষেপণ যা কোনও স্ক্রিন বা ডট ম্যাট্রিক্স প্রিন্টার বা অন্য প্রিন্টার বা ডিভাইসে কোনও ডট ফ্যাশনে রেন্ডার দেয় এমন একটি সাধারণ "ডট" - পুরানো টাইপরাইটারগুলির বিপরীতে যার স্থির আকার, শক্ত স্ট্রাইকার ছিল একটি ফিতা উপর টিপে অক্ষর একটি ছাপ রেখে, এইভাবে একটি নির্দিষ্ট আকারের একটি ইমেজ রেখে।
পয়েন্টের সাথে ঘনিষ্ঠভাবে সম্পর্কিত শব্দগুলি "বড় হাতের" এবং "ছোট হাতের" শব্দ যা typতিহাসিকভাবে স্থির টাইপোগ্রাফিক অক্ষর নির্বাচন করার সাথে সম্পর্কিত যেখানে "ক্যাপিটাল" অক্ষরগুলি যেখানে একটি স্থান ছিল না-ক্যাপিটলাইজ করা অক্ষরের উপরে একটি বাক্সে (কেস) রাখা হয়েছিল নীচে একটি বাক্সে এবং এইভাবে "নিম্ন" কেস
বিভিন্ন টাইপোগ্রাফিক ফন্ট এবং আকারের জন্য বিভিন্ন বাক্স (কেস) ছিল, তবে এখনও তাদের প্রত্যেকের জন্য "আপার" এবং "নিম্ন" কেস রয়েছে।
অন্য শব্দটি হ'ল "পিকা" যা ফন্টের একটি চরিত্রের একটি পরিমাপ, এইভাবে একটি পিকাগুলি একটি ইঞ্চির 1/6 বা পরিমাপের 12 পয়েন্ট ইউনিট (12/72) হয়।
দৃrick়তার সাথে বলার জন্য পরিমাপ কম্পিউটারে 4.233 মিমি বা 0.166in হয় তবে পুরানো পয়েন্ট (আমেরিকান) ইঞ্চি 1 / 72.27 এবং ফরাসী হয় 4.512 মিমি (0.177in।)। সুতরাং পরিমাপ সম্পর্কে আমার "আনুমানিক" বিবৃতি।
অধিকন্তু, অফিসগুলিতে টাইপরাইটারগুলির ব্যবহৃত হয়, "এলিট" বা একটি "পিকা" আকার ছিল যেখানে আকার প্রতি ইঞ্চি 10 এবং 12 অক্ষর ছিল পুনরাবৃত্তভাবে।
অধিকন্তু, মানককরণের আগে "পয়েন্ট" ধাতব টাইপোগ্রাফারদের "ফুট" আকার, একটি চরিত্রের মৌলিক পদক্ষেপের আকার এবং আকারে কিছুটা পৃথক ছিল।
নোট করুন যে একটি টাইপোগ্রাফিক "ফুট" মূলত মৃত প্রিন্টারের আসল পাদদেশের। একটি টাইপোগ্রাফিক পাদদেশে 72 পিকা বা 864 পয়েন্ট থাকে contains
সিএসএস ব্যবহার হিসাবে, আমি px বা pt এর চেয়ে EM ব্যবহার করতে পছন্দ করি, সুতরাং আপেক্ষিক অবস্থান এবং আকারের ক্ষতি ছাড়াই স্কেলিংয়ের সুবিধা অর্জন করতে পারি।
সম্পাদনা: কেবলমাত্র সম্পূর্ণতার জন্য আপনি ইম (এম) কে একটি ফন্টের উচ্চতার পরিমাপের উপাদান হিসাবে ভাবতে পারেন, সুতরাং 12pt ফন্টের জন্য 1 এম হবে সেই ফন্টের উচ্চতা এবং 2 মিমি সেই উচ্চতার দ্বিগুণ হবে। মনে রাখবেন যে 12px ফন্টের জন্য 2 মিমি 24 পিক্সেল। SO 10px সাধারণত একটি স্ট্যান্ডার্ড ফন্টের আকার হিসাবে 16px = 1 মিমি উপর "সর্বাধিক" ব্রাউজারগুলির বেস হিসাবে 0.63 ম হয় font
pxমতো সিএসএস ব্যবহার করতে পারি ?ptdp