ভিউপোর্ট সেগমেন্ট এপিআই সহ ভাঁজযোগ্য ডিভাইসগুলিকে সমর্থন করে

Alexis Menard

প্রকাশিত: ৯ জুন, ২০২৫

ভিউপোর্ট সেগমেন্টস এপিআই জাভাস্ক্রিপ্ট বা সিএসএস ব্যবহার করে ভিউপোর্টের একটি যৌক্তিকভাবে পৃথক অঞ্চলের অবস্থান এবং মাত্রা অ্যাক্সেস করার সুযোগ দেয় এবং এটি ক্রোম ১৩৮ থেকে উপলব্ধ।

যখন ভিউপোর্টটি এক বা একাধিক হার্ডওয়্যার বৈশিষ্ট্যের—যেমন আলাদা ডিসপ্লের মধ্যে একটি ভাঁজ বা কব্জা—দ্বারা বিভাজক হিসেবে বিভক্ত হয়, তখন ভিউপোর্ট সেগমেন্ট তৈরি হয়।

সেগমেন্ট হলো ভিউপোর্টের এমন কিছু অঞ্চল, যেগুলোকে আপনি আপনার সাইট বা অ্যাপ তৈরি করার সময় যৌক্তিকভাবে স্বতন্ত্র হিসেবে বিবেচনা করতে পারেন। এই চমৎকার এপিআইগুলো আপনাকে বিশেষভাবে ফোল্ডেবল ডিভাইসের জন্য আপনার ইন্টারফেস তৈরি বা অপ্টিমাইজ করতে দেয়। উদাহরণস্বরূপ, একটি ডুয়াল পেইন ইউজার-এক্সপেরিয়েন্স তৈরি করা, অথবা কন্টেন্টকে ফোল্ডের উপর দিয়ে ছড়িয়ে পড়া থেকে বিরত রাখা।

গত বছর আমরা যে মূল পরীক্ষাটি চালিয়েছিলাম , তার থেকে দুটি পরিবর্তন আনা হয়েছে:

• জাভাস্ক্রিপ্ট অ্যাট্রিবিউট segments এখন window.visualViewport পরিবর্তে নতুন যুক্ত হওয়া window.viewport অবজেক্টে অবস্থিত।
• যখন কোনো ডিভাইস ভাঁজ করা থাকে না, তখন segments প্রপার্টির আচরণ এই ফিচারের CSS আচরণের সাথে সামঞ্জস্যপূর্ণ করা হয়েছে। যখন কোনো ডিভাইস ভাঁজ করা থাকে না (বা ভাঁজ করা যায় না), তখন segments প্রপার্টিতে একটিমাত্র সেগমেন্টের অ্যারে থাকবে, যা সম্পূর্ণ ভিউপোর্ট সাইজকে প্রতিনিধিত্ব করবে।

এপিআই-এর কার্যকারিতা দেখতে ফোল্ডেবল ডিভাইসগুলোর ডেমোগুলো দেখুন!