CSS3 mediaক্যোয়ারী বৈশিষ্ট্যটি বিকাশকারী ওয়েবসাইটগুলির ক্ষেত্রে অনেক আকর্ষণীয় সম্ভাবনার দিকে পরিচালিত করেছে যা বিভিন্ন স্ক্রিনের বিভিন্ন আকার এবং ডিভাইসের সাথে সামঞ্জস্য করে।
যাইহোক, বাস্তবে, আমি এই ধারণাটি পেতে শুরু করি যে CSS3 mediaক্যোয়ারী বৈশিষ্ট্য এবং পুরো "প্রতিক্রিয়াশীল ওয়েব ডিজাইন" আন্দোলনটি তার প্রতিশ্রুতি অনুসারে চলতে পারে না।
আমি যে সমস্যাটি দেখছি তা হ'ল, দিন শেষে ওয়েব বিকাশকারীরা বেশিরভাগ ক্ষেত্রেই তাদের ব্যবহারকারীরা কোনও ডেস্কটপ, ট্যাবলেট বা মোবাইল ডিভাইসের মাধ্যমে সামগ্রী দেখতে পাচ্ছেন কিনা সে সম্পর্কে যত্নশীল হন। তবে CSS3 কেবলমাত্র পর্দার রেজোলিউশন সনাক্ত করার জন্য একটি উপায় সরবরাহ করে । তত্ত্ব অনুসারে, স্ক্রিন রেজোলিউশন সনাক্ত করা বিভিন্ন বিভিন্ন ডিভাইসের জন্য সামঞ্জস্য করার দুর্দান্ত উপায় বলে মনে হয়। কিন্তু অনুশীলনে ...
মনে করুন আমাদের কাছে একটি সরল জাভাস্ক্রিপ্ট ফাংশন রয়েছে যা কেবল পর্দার প্রস্থকে ছাড়িয়ে যায়:
function foo()
{
alert(screen.width);
}আমার ব্ল্যাকবেরি টাচে, এই ফলাফলগুলি:
768আমার স্যামসাং গ্যালাক্সিতে, এই ফলাফলগুলি:
800সুতরাং ... ওম, এই মুহুর্তে, মূলধারার স্মার্ট ফোনগুলির রেজোলিউশন ডেস্কটপ-স্তরের রেজোলিউশনের কাছাকাছি চলে আসছে। কোনও ব্যবহারকারী স্মার্টফোন, ট্যাবলেট, বা ডেস্কটপের মাধ্যমে আপনার ওয়েবসাইট দেখছেন কিনা তা সনাক্ত করার ক্ষমতাটি আপনার পর্দার রেজোলিউশন হ'ল যদি ক্রমবর্ধমান হয়ে থাকে তবে ক্রমশই কঠিন হয়ে উঠছে।
এটি আমাকে মিডিয়া প্রশ্নের উপর ভিত্তি করে পুরো CSS3 "রেসপন্সিক ওয়েব ডিজাইন" আন্দোলনের পিছনে পুরো বুদ্ধি প্রশ্নবিদ্ধ করে তোলে। এটি প্রায় মনে হয় যে mediaকোয়েরি বৈশিষ্ট্যটি বিভিন্ন মোবাইল ডিভাইসের পরিবর্তে ডেস্কটপ স্ক্রিনে একটি আকার পরিবর্তনকারী ব্রাউজার উইন্ডোটিতে মানিয়ে নেওয়ার পক্ষে আরও উপযুক্ত।
মোবাইল বা ট্যাবলেট ডিভাইস সনাক্ত করার জন্য আর একটি সম্ভাব্য কৌশল ontouchstartহ'ল ইভেন্টটি সমর্থিত কিনা তা পরীক্ষা করে বৈশিষ্ট্য সনাক্তকরণ ব্যবহার করা use এমনকি অনেকগুলি ডেস্কটপ স্ক্রিন স্পর্শকে সমর্থন করতে শুরু করায় এটি অবিশ্বাস্য হয়ে উঠছে।
প্রশ্ন: সুতরাং ... একটি ওয়েব বিকাশকারী হিসাবে, যদি আমি আরডাব্লুডি বা বৈশিষ্ট্য সনাক্তকরণের উপর নির্ভর করতে না পারি, তবে কি ব্যবহারকারী-এজেন্ট স্নিফিং (সর্বদা হিসাবে অবিশ্বাস্যভাবে অবিশ্বাস্য) মোবাইল ডিভাইসগুলি সনাক্ত করার জন্য সর্বোত্তম বিকল্প?
device-widthবেশ খারাপের পক্ষে সমর্থন করে না ?