html কিভাবে কাজ করে



কিভাবে আমি সিএসএস সহ একটি সম্পূর্ণ ওয়েব পেজ স্কেল করতে পারি? (6)

ফায়ারফক্স ব্যবহার করে, আপনি কেবলমাত্র CTRL + টিপে একটি সম্পূর্ণ ওয়েব পৃষ্ঠা সম্প্রসারিত করতে পারেন। এই কি আনুপাতিকভাবে সমগ্র ওয়েব পেজ (ফন্ট, ছবি, ইত্যাদি) বড় হয়।

আমি কিভাবে সিএসএস ব্যবহার করে একই কার্যকারিতা প্রতিলিপি করতে পারেন?

page-size: 150% মত কিছু আছে page-size: 150% (যা x% দ্বারা পুরো পৃষ্ঠা অংশগুলি বৃদ্ধি করবে?)


আপনি CSS zoom সম্পত্তিটি ব্যবহার করতে সক্ষম হবেন - IE 5.5+, অপেরা, এবং সাফারি 4 এবং Chrome এ সমর্থিত

আমি ব্যবহার করতে পারেন: CSS জুম

ফায়ারফক্স একমাত্র বড় ব্রাউজার যা জুম ( এখানে বাগজিলা আইটেমটি ) সমর্থন করে না তবে আপনি ফায়ারফক্স 3.5"মালিকানাধীন" -মোজ-ট্রান্সফার সম্পত্তি ব্যবহার করতে পারেন।

সুতরাং আপনি ব্যবহার করতে পারেন:

div.zoomed { 
    zoom: 3; 
    -moz-transform: scale(3); 
    -moz-transform-origin: 0 0;
} 

আমি মনে করি সিএসএসের সাথে সম্পূর্ণভাবে এটি করা অসম্ভব - কাজটি সঠিকভাবে সম্পন্ন হওয়ার জন্য আপনাকে জাভাস্ক্রিপ্টের সাথে আপনার হাত নোংরা করতে হবে।


এটি একটি বরং দেরী উত্তর, কিন্তু আপনি ব্যবহার করতে পারেন

body {
   transform: scale(1.1);
   transform-origin: 0 0;
   // add prefixed versions too.
}

110% দ্বারা পৃষ্ঠা জুম করতে। যদিও zoom স্টাইল আছে, ফায়ারফক্স এখনও দুঃখজনকভাবে এটি সমর্থন করে না।

এছাড়াও, এই আপনার জুম চেয়ে সামান্য ভিন্ন। css transform একটি ইমেজ জুমের মতো কাজ করে, তাই এটি আপনার পৃষ্ঠাকে বাড়িয়ে তুলবে তবে রিফ্লো ইত্যাদির কারণ হবে না।

সম্পাদনা রূপান্তর মূল আপডেট।


জন ট্যান তার সাইটের সাথে এই কাজ করেছেন - http://jontangerine.com/ ইমেজ সহ সবকিছুই ems এ ঘোষণা করা হয়েছে। সব। এইভাবে পছন্দসই প্রভাব অর্জন করা হয়। টেক্সট জুম এবং স্ক্রিন জুম প্রায় সঠিক একই ফলাফল ফলন।


সিএসএস চাহিদা জুম করতে সক্ষম হবে না, তবে যদি আপনি জেএসের সাথে জেএসএস সংযুক্ত করেন তবে আপনি পৃষ্ঠাটিকে আরও বড় আকারে দেখতে কিছু মান পরিবর্তন করতে পারেন। যাইহোক, এটি বলা হয়েছে যে, এই বৈশিষ্ট্য আধুনিক ব্রাউজারে আজকাল মানক: এটি পুনঃলিপি করার দরকার নেই। প্রকৃতপক্ষে, এটির প্রতিলিপি করা আপনার ওয়েবসাইটকে হ্রাস করবে (আরো জিনিসগুলি লোড করবে, আরো JS বা সিএসএস পাঠানো বা চালানো হবে এবং প্রয়োগ করবে ইত্যাদি)


যদি আপনার সিএসএস ex বা em ইউনিটগুলির কাছাকাছি সম্পূর্ণভাবে তৈরি হয় তবে এটি সম্ভব এবং সম্ভাব্য হতে পারে। আপনাকে শুধুমাত্র font-size: 150% ঘোষণা করতে হবে font-size: 150% আপনার শৈলীতে font-size: 150% body বা html । এই আনুপাতিকভাবে স্কেল করতে অন্য সকল দৈর্ঘ্য হতে হবে। আপনি এইভাবে চিত্রগুলি স্কেল করতে পারবেন না, তবে, যদি না তারা একটি স্টাইলও পায়।

কিন্তু যে বেশিরভাগ সাইট যদি, এটি একটি খুব বড়।





resize