শতাংশের পরিবর্তে সিএসএসে পিক্সেল সংখ্যা ব্যবহার করা কি সামঞ্জস্যের দিক থেকে খারাপ? নিম্ন রেজোলিউশন সম্পর্কে কীভাবে? তাদের সাথে 1-100 সীমাতে কাজ করা কি ঠিক আছে?
উত্তর:
এটি একটি কঠিন প্রশ্ন, কারণ উত্তরটি বেশিরভাগ ক্ষেত্রে আপনার পরিস্থিতির উপর নির্ভর করে।
পিক্সেলগুলি তেমন খারাপ নয়, আমি প্রায়শই সেগুলি ব্যবহার করি। (কখনও কখনও এমনকি ফন্টের আকারের জন্যও))
আমি সাধারণত নির্দিষ্ট আকারের (স্থির-প্রস্থের লেআউটে পিক্সেল এবং তরল বিন্যাসযুক্ত শতাংশ) দ্বারা লেআউটটির বাইরের ব্লক উপাদানটি ঠিক করি এবং যখনই সম্ভব সম্ভব হয় তখন অভ্যন্তরের উপাদানগুলিতে আমি শতাংশ নির্ধারণ করি।
কিছু উপাদান রয়েছে যা কেবল শতাংশ বা emগুলি দিয়ে স্টাইল করা যায় না , বিশেষত গ্রাফিকাল ডিজাইনার যারা এই জাতীয় নীতিগুলি বোঝেন না তাদের থেকে বেশি অভিনব জিনিসগুলি আসে।
উদাহরণস্বরূপ: আপনার সাইটে যদি একটি সাধারণ শৈলীর সাথে একটি কলাম থাকে তবে আপনি এর প্রস্থটি সহজেই শতাংশে নির্ধারণ করতে পারেন, তবে যদি এটির নির্দিষ্ট প্রস্থযুক্ত একটি ব্যাকগ্রাউন্ড চিত্র থাকে যা মাথায় রেখে নকশাকৃত নয়, এটি কেবল ভাল দেখায় একটি নির্দিষ্ট-প্রস্থ সঙ্গে। এই জাতীয় ক্ষেত্রে, আপনাকে নিশ্চিত করতে হবে যে বাকী পৃষ্ঠাটি অবশিষ্ট প্রস্থটি সঠিকভাবে দখল করেছে।
মনে রাখবেন যে আপনি একসাথে শতাংশ সহ পিক্সেল ব্যবহার করতে পারেন।
উদাহরণস্বরূপ, এটি আমার সর্বশেষতম ওয়েব অ্যাপ্লিকেশনগুলির একটি স্নিপেট:
min-width: 800px;
width: 80%;
max-width: 1500px;
আপনি কী ডিজাইন বা বিন্যাস অর্জন করতে চান তার উপরও পছন্দ নির্ভর করে।
একটি নির্দিষ্ট-প্রস্থের বিন্যাসের জন্য, পিক্সেল মানগুলি ভাল। যদি কোনও ডিজাইনার আপনাকে এমন ফটোশপ চিত্র দেয় যা সত্যই অভিনব স্টাফ ধারণ করে যা এটির পুনরায় আকার কীভাবে দেবে সে সম্পর্কে ভাবতেও অত্যন্ত জটিল হবে, আপনার অবশ্যই এই জন্য যাওয়া উচিত।
যদি আপনার লেআউটটি গতিশীল হওয়ার প্রয়োজন হয় , রেজোলিউশনের পরিবর্তনের সাথে সাথে এটি প্রসারিত হয় তা নিশ্চিত করার জন্য আপনার শতাংশ শতাংশ ব্যবহার করা উচিত এবং আপনি উপরের কোড স্নিপেটটিকে পরিস্থিতিগুলিতে আরও ভাল দেখানোর জন্য ব্যবহার করতে পারেন যেখানে এটি অন্যথায় উন্মাদ দেখাচ্ছে।
কিছু লেআউট (উদাহরণস্বরূপ স্ট্যাকওভারফ্লো সমস্ত স্থান গ্রহণ করে তা কল্পনা করুন) যেমন প্রস্থে বেশ কুৎসিত দেখায়। 1920 পিক্সেল - লাইন প্রস্থগুলি এত বেশি উঁচুতে হবে যে এটি পড়তে চূড়ান্ত অসুবিধে হবে।
এই কি max-widthজন্য হয়। এমনকি কিছু গতিশীল বিন্যাসেও আপনাকে ব্যবহারযোগ্যতা এবং পঠনযোগ্যতা সর্বাধিক করতে আপনার সাইটের সর্বাধিক প্রস্থকে সীমাবদ্ধ করতে হবে।
এবং ছোট পর্দার বিষয়টিও বিবেচনা করুন।
এটি সত্য যে নুন এখন আর 800 × 600 ডেস্কটপ ব্যবহার করে না, তবে অনেক লোক মোবাইল ডিভাইসগুলির সাহায্যে ওয়েব ব্রাউজ করেন যা এর চেয়েও কম রেজোলিউশন রয়েছে।
এটি যা min-widthহ'ল: আপনার গতিশীল প্রসারিত বিন্যাসটিকে ছোট ছোট রেজোলিউশনে কম ভিড় করে দেখাতে।
আশা করি এটা কাজে লাগবে.
সম্পাদনা:
মর্মান্তিক বইয়ের বিষয় সম্পর্কে কিছু খুব সুন্দর চিন্তা হয়েছে।
সম্পাদনা 2:
আমার পোস্টটি এমন শোনাতে চাই না যা আমি চাই যে আপনি আপনার দর্শকদের উপর পিক্সেল-ভিত্তিক আকার পরিবর্তন করতে বাধ্য করুন।
(স্পষ্টতই, মন্তব্যে কিছু লোক আমাকে এমনভাবে ভুল বুঝেছিল))
এটি পরিষ্কার করতে:
আমি বিশ্বাস করি যে আদর্শ লেআউটটি হ'ল এটি যে কোনও সম্ভাব্য রেজোলিউশন বা সেটিংয়ের সাথে ভালভাবে সামঞ্জস্য করে।
তবে আমরা সবসময় নিখুঁতভাবে সবকিছু করতে পারি না। সময় / সংস্থান এবং লক্ষ্য শ্রোতা আপনার সাইটের যে উন্নত কার্যকারিতা প্রয়োজন বা না তা নির্ধারণের মূল বিষয়।
আমি প্রস্তাব দিচ্ছি আপনি প্রদত্ত কাজের জন্য সঠিক জিনিসটি ব্যবহার করুন।
আপনি যদি এমন কোনও সাইট বিকাশ করছেন যা দর্শকদের একটি উল্লেখযোগ্য শতাংশ রয়েছে যার জন্য সাইটটিতে আরও উন্নত সমন্বয় প্রয়োজন, এটি এটির পক্ষে উপযুক্ত হতে পারে।
(অবশ্যই, কখনও কখনও আমরা কেবল নিজের কাজগুলিকে সঠিকভাবে করার অনুভূতি বজায় রাখার জন্য এটি করি তবে এটি সবসময় আর্থিকভাবে দৃ sound় সিদ্ধান্ত হয় না))
তবুও, লেআউটগুলি সম্পর্কে সিদ্ধান্ত নেওয়ার আগে এটি কী ধরণের সাইট হবে, কারা দর্শক হবে এবং এই জাতীয় জিনিসগুলি হবে সে সম্পর্কে এবং তাদের তরল বা আরও গতিশীল করার জন্য এটি উপযুক্ত কিনা তা নিয়ে আপনার সঠিক গবেষণা করা উচিত।
সমস্ত পরিমাপের নিজস্ব উদ্দেশ্য রয়েছে:
সীমান্তের মতো পিক্সেল-ভিত্তিক জিনিসগুলির জন্য পিক্সেল ব্যবহার করুন । আপনি সম্ভবত এমন কোনও সীমানা চাইবেন না যা শেষ হয়ে 1.3422 পিক্সেল প্রশস্ত হবে।
পাঠ্য-কেন্দ্রিক জিনিসগুলির জন্য পাঠ্য-কেন্দ্রিক ব্যবস্থা (এম, প্রাক্তন) ব্যবহার করুন যেমন সামগ্রী ক্ষেত্র, লেবেল এবং ইনপুট বাক্স। আপনার নির্দিষ্ট দৈর্ঘ্য এবং প্রস্থের পাঠ্যের জন্য জায়গা রয়েছে তা নিশ্চিত করার একটি সহজ উপায়।
কলামগুলির মতো উইন্ডো-ভিত্তিক জিনিসগুলির জন্য পার্সেন্টগুলি ব্যবহার করুন ।
ব্যতিক্রম অবশ্যই আছে। উদাহরণস্বরূপ, আপনি পিক্সেলগুলিতে ন্যূনতম কলামের প্রস্থ নির্দিষ্ট করতে চাইতে পারেন। তবে উপরেরটি অনুসরণ করুন এবং আপনার পৃষ্ঠাগুলি ভাল স্কেল হবে। আপনার পৃষ্ঠাগুলিতে কীভাবে বিভিন্ন ফন্টের আকার এবং ব্রাউজারের আকারগুলি নিয়ে কাজ করে তা সর্বদা জুম বা আউট করুন - পরে অবাক হবেন না।
আমি মনে করি আপনাকে প্রথমে সিএসএসে পিক্সেল নিয়ে কাজ করার সাথে বিদ্যমান সমস্যাগুলি বুঝতে হবে :
emএবং অন্যান্য আপেক্ষিক আকার ব্যবহার করেন তবে আপনি যে ব্যবহারকারীরা এটি পরিবর্তন করেছেন তাদের সিদ্ধান্তকে সম্মান করবেন । পাঠ্য ভারী সাইটগুলিতে এটি বিশেষত গুরুত্বপূর্ণ, বিশেষত যদি আরও বয়স্ক ব্যবহারকারীরা থাকেন। অন্যদিকে, কোনও সাইটের নকশা যদি গুরুত্বপূর্ণ হয় তবে আমি মনে করি pxব্যবহারযোগ্যতা না ভাঙিয়ে ফন্টের মাপ নির্দিষ্ট করার জন্য এটি ব্যবহার করা সম্ভব এবং ন্যায়সঙ্গত ।শেষ অবধি, আপনাকে নিজে সিদ্ধান্ত নিতে হবে, এবং এটি সঠিক পরিস্থিতির উপর নির্ভর করে, তবে আমি মনে করি পিক্সেলগুলিতে ফন্টের আকার নির্দিষ্ট করা ঠিক আছে ।
উপায় দ্বারা, যখন সঙ্গে কাজ emফন্টের আকার নির্দিষ্ট করতে এটি একটি হল ভাল ধারণা সেট করতে bodyকরতে font-size: 62.5%। এর অর্থ বেস ফন্টের আকার 10px, সুতরাং 1 মিমি 10px, 1.6 মিমি 16px এবং আরও অনেক কিছু, ইএমএস ব্যবহার করে ডিজাইনের সময় পিক্সেলগুলিতে চিন্তা করা সহজ করে তোলে । আমি এখনও এটির মতো কাজ করতে হতাশাবোধ করি, বিশেষত যখন ইএমএস ক্যাসকেডের মান। PXtoEM.com এর মতো কয়েকটি খুব সুবিধাজনক সাইট রয়েছে যা এটিতে সহায়তা করে।
স্ক্রিনটি পিক্সেল ভিত্তিক বিন্যাস , সুতরাং পিক্সেলগুলি অনেক কিছুর জন্য স্বজ্ঞাত পছন্দ choice এখানে মূল সমস্যাটি হ'ল বিভিন্ন ব্যবহারকারীর বিভিন্ন পর্দার আকার রয়েছে । অন্যরা যেমন উল্লেখ করেছে, শতকরা হারের সাথে পিক্সেল ব্যবহার করা min-widthএবং স্ক্রিনের আকারকে সম্মান করার একটি সহায়ক উপায়, যখন আপনার সাইটটিকে খুব ছোট এবং খুব বড় উইন্ডোতে অযৌক্তিকভাবে স্কোয়াড বা প্রসারিত করা থেকে বিরত করে।max-widthwidth
যাইহোক, আমি সাধারণত সিএসএস মিডিয়া প্রশ্নের পক্ষে এই পদ্ধতিকে এড়িয়ে যাব । তারপরে আপনি নির্দিষ্ট প্রস্থের অংশগুলি ব্যবহার করতে পারেন এবং পর্দার আকার বাড়ার সাথে সাথে লেআউটটিকে আরও প্রশস্ত করতে পারেন (অন্যান্য জিনিসের মধ্যে)। তবে, শীতল ওয়েব প্রযুক্তির মতো সিএসএস মিডিয়া প্রশ্নগুলি ব্রাউজারের সমর্থনের অভাবে ভুগছে। উল্লেখযোগ্যভাবে, জাভাস্ক্রিপ্ট সংশোধন করা থাকলেও আইই 8 এবং এর আগে তাদের সমর্থন করে না। অন্যদিকে, আইফোন এবং অন্যান্য হ্যান্ডহেল্ড ডিভাইসগুলি তাদের সমর্থন করে এবং আপনি যদি তাদের সাইটগুলি এই ডিভাইসগুলিতে সুন্দর দেখতে চান তবে আমি দৃ strongly়তার সাথে তাদের সুপারিশ করব।
আমি মনে করি স্থির প্রস্থের গ্রিডগুলি ভাল । 960 গ্রিড সিস্টেমের মতো স্থির প্রস্থের গ্রিড সিস্টেমগুলি তাদের নিজস্ব পর্যায়ে যথেষ্ট জনপ্রিয়, এবং আরও অনেকগুলি সাইট রয়েছে যার নির্দিষ্ট প্রস্থ রয়েছে, আমি সন্দেহ করি যে আপনি যদি এটি করেন তবে আপনি অনেক অভিযোগ শুনতে পাবেন। হ্যান্ডহেল্ড ডিভাইসগুলির বড় স্ক্রিন নেই এমন একটি সমস্যা, তবে এটি হ'ল সিএসএস মিডিয়া ক্যোয়ারীগুলি ব্যবহার করা উচিত, তাই পিক্সেলগুলিতে সমস্ত কিছু নির্দিষ্ট করা এবং ডেস্কটপ এবং আইফোনে আপনার সাইটটিকে সুন্দর দেখাচ্ছে বলে মনে করা যায়।
শেষ পর্যন্ত, আপনার ব্যবহারকারীরা কারা, আপনাকে কী সমর্থন করতে হবে এবং আপনি নিজের সাইটটি কেমন দেখতে চান তার উপর সবকিছু নির্ভর করে, তবে সিএসএসে পিক্সেল ব্যবহার করার সহজাত ভুল কিছু নেই ।
এটি আপনি কী স্টাইল করছেন তার উপর নির্ভর করে। উদাহরণস্বরূপ কলামগুলির জন্য, একাধিক রেজোলিউশন / স্ক্রিনগুলিতে এটি অনুকূল দেখাবে তা নিশ্চিত করার জন্য প্রস্থটি সম্ভবত পাঠ্যের আকারের উপর নির্ভর করবে। আপনি যদি নিজের পৃষ্ঠাটি দুটি ভাগে ভাগ করতে চান তবে আপনার শতাংশ ব্যবহার করা উচিত। তবে আপনি যদি এই দুটি অংশের মধ্যে 1px সীমানা চান, রেজোলিউশনের চেয়ে পৃথক, পিক্সেল ব্যবহার করুন।
মূলত এটি আপনাকে কে নিয়োগ দিচ্ছে এবং ফলস্বরূপ আপনার কাজের শ্রোতার উপর নির্ভর করে। প্রাতিষ্ঠানিক উদ্দেশ্যগুলির জন্য (যেখানে সরকারী প্রকল্পের মতো সামগ্রীর আকারে সামগ্রীর উপর প্রাধান্য পাওয়া উচিত), আপনি এম। এম বা% এর সাথে আরও ভাল কাজ করেন, তাদের নিয়ন্ত্রণ করা আরও কঠিন, তবে তারা অ্যাক্সেসযোগ্যতার ক্ষেত্রে সত্যই ব্যবহারকারী বান্ধব হবে।
যদি আমরা কর্পোরেশনাল ওয়েবসাইটগুলি সম্পর্কে কথা বলি (যেখানে আকৃতিটি লেনদেন হয়) পিক্সেলটি তার ব্র্যান্ড সম্পর্কিত আপনার গ্রাহকের প্রত্যাশা পূরণের জন্য আরও সঠিক সরঞ্জাম হয়ে উঠবে। স্মার্টলি হয়ে গেলে তরল ইন্টারফেস (%, .em) সর্বদা একটি ভাল স্টাফ হয় তবে চূড়ান্ত পরিস্থিতিতে আপনার নকশাটি পরীক্ষা করতে ভুলবেন না এবং নিশ্চিত হন যে এটি স্থিতিশীল থাকবে।
আপনি যদি পিক্সেল নিয়ে কাজ করেন তবে আপনার নিজের সাইটের চূড়ান্ত চেহারাটির উপর আপনার সম্পূর্ণ নিয়ন্ত্রণ থাকবে তবে কোনও ব্যবহারকারীর এটির সাথে দক্ষতার সাথে পরিচালনা করার জন্য আপনার অসম্ভবতা ধরে নিতে হবে।
সর্বোত্তম বিকল্প: সমস্ত প্ল্যাটফর্মের জন্য উপযুক্ত একটি ওয়েবসাইট ডিজাইন করার পরিবর্তে (একাধিক ঘাটতির নকশার ফলে কী হবে) আপনার গ্রাহকদের প্রতিটি চাহিদার জন্য অভিযোজিত সাইটের বিশেষ সংস্করণগুলির পরামর্শ দেয়, এটি একটি ভাল ডিজাইনারের জন্য আরও ভাল অনুশীলন এবং আরও ভাল ব্যবসায় কী। ..
আমি বলব কিছু ক্ষেত্রে বাদে যদি সম্ভব হয় তবে তা এড়িয়ে চলুন।
উদাহরণস্বরূপ একটি পাতলা সীমানার জন্য এটি ঠিক 1px নির্দিষ্ট করা ঠিক।
এছাড়াও শৈলী বৈশিষ্ট্যের জন্য max-এবং min-এটি ঠিক আছে। তবে তারপরে নন-ম্যাক্স / মিনিট অ্যাট্রিবিউটকে সম্ভব হলে শতাংশ করুন percentage
max-এবং min-বৈশিষ্ট্য জন্য +1 ।
এটি সত্যিই একটি ভাল প্রশ্ন যা আমি এর আগেও অনেকবার জিজ্ঞাসা করেছি। হার্ড ওয়েব ডিজাইনার না হয়ে (আমি আরও উন্নয়নের দিকে থাকি) আমি সাধারণত আমি ডিজাইনারদের তাদের মতামত নিয়ে কাজ করার জন্য জিজ্ঞাসা করি এবং আমি এখানে যা পাতিত করেছি তা এখানে:
উপাদানগুলির আকার নির্ধারণের জন্য শতাংশ বনাম পিক্সেল ব্যবহার করা সত্যিই ব্যক্তিগত স্বাদ বা প্রতিটি নির্দিষ্ট ক্ষেত্রে প্রয়োজনীয়তার বিষয়। আপনার যদি স্কেল করার প্রয়োজন হয়, বা এটি ভাল স্কেল হবে, শতাংশ ব্যবহার করুন। যদি না হয়, পিক্সেল ব্যবহার করুন। এখানকার লোকেরা একটি পৃষ্ঠায় প্রধান কলামগুলির উদাহরণ ব্যবহার করেছেন সম্ভবত তরল হওয়া প্রয়োজন তবে সীমান্তগুলিকে পিক্সেল পরিমাপের নির্ভুলতার প্রয়োজন হতে পারে।
স্পষ্টতই চিত্রগুলি আকার দেওয়ার বিষয়টি তাদের রেজোলিউশন এবং পিক্সেল ইউনিটের সাথে অনেকটা আবদ্ধ, তাই আমি এই ক্ষেত্রে সর্বদা তাদের ব্যবহার করি।
তবে পাঠ্যের জন্য ইম সাইজিং বনাম পিক্সেল বা পয়েন্ট সাইজ ব্যবহার করা মাছের সম্পূর্ণ ভিন্ন কেটলি। আমি যাদের সাথে কাজ করি তাদের বেশিরভাগেরই ফন্টের আকারগুলির জন্য একটি বেস রিসেট স্টাইল থাকে যা 1 মিমিটির আকার প্রায় 12px এ নামায়। তারপরে তারা পাঠ্য উপাদান, ফর্ম নিয়ন্ত্রণ এবং এই জাতীয় আকারের আকারের জন্য অন্য যে কোনও জায়গায় (বা যতটা সম্ভব অন্য যে কোনও জায়গায় কাছে কাছে) ইএমএস ব্যবহার করে। ডেস্কটপ এবং ল্যাপটপের বিভিন্ন ব্রাউজার, ওএস এবং ডিপিআই জুড়ে এটি বেশ ভালভাবে কাজ করছে বলে মনে হচ্ছে আমি এখন এটিও পরিচালনা করি। যদিও আমি মোবাইল ডিভাইসগুলির জন্য কোনও নিশ্চয়তা দিতে পারি না।
অ্যাক্সেসিবিলিটি হ'ল মূল বিষয় - যদি আপনার প্রতিবন্ধী ব্যক্তিদের জন্য কিছু ব্যবহারযোগ্য করে বাক্স তৈরি করতে বা বাক্সের বাইরে বিভিন্ন ডিভাইস নিয়ে কাজ করার প্রয়োজন হয় তবে এমন জিনিসগুলিকেও আপনি পুরানো বিবেচনা করতে পারেন, তবে স্কেলিং একটি প্রয়োজনীয়তা হবে। গেট-গো থেকে সাইটটি ডিজাইনের জন্য এটি আপনার মডেলটিতে তৈরি করুন এবং আপনি বুঝতে পারেন যে পরম পিক্সেল আকারের এমনকি সেই ক্ষেত্রেও প্রয়োজন হয় না।
উদাহরণস্বরূপ, একটি শিল্প-ভারী নকশা সম্ভবত একক স্কেল ডিজাইন করা হতে চলেছে, কিন্তু প্রতিবন্ধী ব্যবহারকারীদের জন্য নতুন শিক্ষামূলক ওয়েবসাইটটি বিভিন্ন পরিস্থিতিতে বিভিন্ন ক্ষেত্রে কাজ করতে চলেছে।
কেবল মনে রাখবেন, ডাব্লু 3 সি একটি কারণের জন্য তাদের স্পেসিফিকেশনগুলিতে আকার এবং স্কেলিংয়ের জন্য বিভিন্ন পদ্ধতি রেখেছিল - নমনীয়তা। যা আপনার পক্ষে সবচেয়ে ভাল ফিট করে এবং আপনার দর্শকদের জন্য ভাল কাজ করে (যেমন মাউস্টার্ড আগে বলেছিল)।
আমি কোনও সিএসএস / এইচটিএমএল বিশেষজ্ঞ নই তবে আমি যে কনভেনশনটি ব্যবহার করি তা হ'ল বাইরের পাত্রে পিক্সেল এবং অভ্যন্তরীণ বস্তুগুলির শতাংশের ব্যবহার।
আমার লেআউটটি পর্যালোচনা করা প্রত্যেকের সাথে আমার থাম্বের আরও একটি নিয়ম হ'ল একটি থ্রি পিক্সেল বিধি । এটি বিরল যে এখানে সমস্ত ব্রাউজারের মধ্যে হুবহু লাইন তৈরি হবে। আমরা তিনটি পিক্সেল বা তার চেয়ে কম কিছু সরিয়ে নেওয়ার সুবিধার চেয়েও বেশি চেষ্টা করে ফেলেছি।
ডিফল্টরূপে সঠিক কাজটি করুন। যদি কোনও ব্যবহারকারী জাভাস্ক্রিপ্ট অক্ষম করে এবং কোনও পছন্দসই কুকিজ সহ আপনার সাইটটি পরিদর্শন করে, আপনার তাদের একটি ওয়েব পৃষ্ঠা পরিবেশন করা উচিত যা যতটা সম্ভব কার্যকরী এবং অ্যাক্সেসযোগ্য।
আপনার ডিফল্ট স্টাইলশীটটিতে ব্রাউজার উইন্ডো সম্পর্কে কিছুই ধরা উচিত নয় এবং এখনও 320x320 রেজোলিউশনে নিচে এবং আনবাউন্ড সাইজ অবধি কার্যকরী পৃষ্ঠা রেন্ডার করতে হবে। যদি ফটোগ্রাফিক বিশ্বস্ততা এতটা গুরুত্বপূর্ণ যে আপনি ব্রাউজারের স্কেলিংকে বিশ্বাস করতে পারেন না, এবং কখনও কখনও এটি হয় তবে আপনার স্থির আকারের চিত্রগুলি আবশ্যক করে এমন উপাদানগুলির জন্য পিক্সেল পরিমাপ (কমপক্ষে সর্বনিম্ন) ব্যবহার করা উচিত, এটি নিশ্চিত করার জন্য যে আপনি শেষ না হয়ে গেছেন গুরুত্বপূর্ণ বিষয়গুলি coveredেকে রাখা হচ্ছে। শতাংশের পাশাপাশি ন্যূনতম প্রস্থগুলি নির্দিষ্ট করে দেওয়া উচিত আপনার ব্যবহারকারীদের প্রয়োজনীয় অ্যাক্সেসযোগ্যতা দেওয়ার সময় আপনার প্রয়োজন নিয়ন্ত্রণ should এমনকি যদি অ্যাক্সেসযোগ্যতা এখন কোনও সমস্যা না হয় তবে সাইটটি সফল হলে এটি পরে হবে।
যখন আপনি কি ব্রাউজার উইন্ডোতে সম্পর্কে আরো জানতে, তাহলে এটি ঠিক আছে বিকল্প স্টাইলশীট সংশোধন প্রস্থ ব্যবহার করতে যদি নকশা উভয়প্রান্তে সারিবদ্ধ যোগ কাজ সংরক্ষণের গুরুত্ব।
আপনি যদি একটি নির্দিষ্ট আকার লক্ষ্য করে থাকেন তবে পিক্সেলগুলি ভাল। তবে আপনি যদি চান যে আপনার লেআউটটি বিভিন্ন রেজোলিউশন / স্ক্রিনের আকারগুলিতে ভাল দেখতে চায় তবে আপনার শতাংশের মতো আরও আপেক্ষিক ব্যবস্থাগুলিতে আঁকতে হবে। বেশিরভাগ লোকেরা উত্তরোত্তরকে লক্ষ্য করছে।
আমি বেশিরভাগ ক্ষেত্রে পিক্সেল পছন্দ করি। উদাহরণস্বরূপ - সামগ্রীর ডিফল্ট প্রস্থ: 960px। "1024" এ এটি ঠিক থাকবে, স্ক্রিনের উভয় পাশে ছোট ছোট ফাঁকা স্থান রয়েছে। কিছু গ্রেডিয়েন্ট বা পটভূমি সেখানে রাখুন। "1280" বা "1440" বা "1680", বা যাই হোক না কেন - বড় এবং বৃহত্তর ব্যবধান থাকবে তবে এটি দেখতে সুন্দর লাগবে। হ্যাঁ, 800 এর জন্য - এই সাইটটি খারাপ হবে। কিন্তু কে ভাবে? প্রতিটি বড় প্লেয়ার 800 এর জন্য সমর্থন বাদ দেয় this এই রেজোলিউশনের সাথে খুব কম লোক রয়েছে ..
এমন অনেকগুলি সাইট রয়েছে, যেখানে %% এর থেকে আরও ভাল সমাধান হবে।
একটি স্ক্রিনের বিল্ডিং ব্লকগুলি পিক্সেল। আপনি স্থির পিক্সেল আকারের সাথে ভুল করতে পারবেন না। অন্যান্য পোস্টারগুলি যেমন উল্লেখ করেছে, আপনি একটি স্কেলযোগ্য বিকল্পের জন্য শতাংশ বা "ইম" গুলি ব্যবহার করতে পারেন।