স্পষ্টতই একবার পাঠ্যের অনুচ্ছেদ নির্দিষ্ট দৈর্ঘ্যে পৌঁছে গেলে অ্যান্ড্রয়েডের গুগল ক্রোম পাঠ্যটিকে পুনরায় আকার দেবে এবং এটিকে আরও বড় করে তুলবে (সমস্ত ধরণের মজাদার কারণ ঘটাবে)। এখন আমার একটি ওয়েবসাইট রয়েছে যেখানে প্রায় অর্ধেক pট্যাগগুলি আমি সেট করা আকারটি অনুসরণ করে এবং বাকী অর্ধেক তারা খুশি যেমন - অনুচ্ছেদের দৈর্ঘ্যের উপর নির্ভর করে।
আমি পৃথিবীতে কীভাবে এটি ঠিক করব?
উত্তর:
যোগ max-height: 999999px;উপাদান আপনি ফন্ট boosting উপর প্রতিরোধ করতে চান, অথবা তার পিতা বা মাতা করতে।
divউপাদান পৃষ্ঠার শীর্ষে বিশ্রীভাবে ভেঙে পড়েছিল। আপনার সাইটে সর্বোচ্চ উচ্চতার সংজ্ঞা দিয়ে "কম্বল" করবেন না! কেবল যেখানে প্রয়োজন সেখানে ব্যবহার করুন এবং ভালভাবে পরীক্ষা করুন।
min-height: 1pxদুর্ভাগ্যক্রমে এর কোনও প্রভাব ছিল না। max-height: 999999pxকৌতুক যদিও না। আমার কেসটি রুট প্রবেশ / ছুটির সময় খুব দীর্ঘ বিষয়বস্তুতে স্থানান্তরিত হয়েছিল। হরফের বদল হ'ল হয় পরিবর্তনের সময় বা ঠিক পরে, কোনটি নিশ্চিত না, তবে এটি খুব লক্ষণীয় স্থানান্তরিত হয়েছিল।
<meta>নথিতে নিম্নলিখিত ট্যাগটি অন্তর্ভুক্ত করুন <head>:
<meta name="viewport" content="width=device-width, initial-scale=1">
এটি ভিউ ফ্রেমটি সঠিকভাবে প্রতিষ্ঠিত করবে এবং এভাবে "ফন্টবুস্টিং" এর প্রয়োজনীয়তা দূর করবে।
<meta name="viewport" content="width=device-width, initial-scale=0.5, user-scalable=no">এবং আমি এখনও ক্রোমগুলিকে ভয়ঙ্কর স্কেলিং করছি
এখন একটি সিএসএস সম্পত্তি রয়েছে যা আপনি এটি নিয়ন্ত্রণ করতে পারেন:
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
Https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust দেখুন
আপনার রিসেট এ রাখুন। html * {max-height:1000000px;}
*পদ্ধতির ব্যবহার করতে হবে না। এটি বলেছিল, আমি যুক্তি দিয়েছিলাম যে এটি সেই অস্পষ্ট বিষয়গুলির মধ্যে একটি যা আপনি সম্ভবত ভুলে যেতে পারেন এবং ভবিষ্যতে সমস্যার কারণ হতে পারে, তাই রক্ষণাবেক্ষণের জন্য আমি সম্ভবত এটি রেখে দিতাম *যদি সেই সময়ে কেবল একটি / এক ছিল কয়েকটি উপাদান।
* max-height...আমার কোড এলওএল
কিছু পরীক্ষার পরে এই নিয়মটি আমাকে সাহায্য করেছিল। ডিভ / টেবিলের কাঠামোর উপর নির্ভর করে উত্সাহিত পাঠ্যযুক্ত উপাদান বা এর পিতামাতাকে অবশ্যই যুক্ত করতে হবে।
element or parent element {
/* prevent font boosting on mobile devices */
width: 100%;
height: auto;
min-height: 1px;
max-height: 999999px;
}
আপনার প্রস্থ এবং দৈর্ঘ্যের মানগুলি আপনার প্রয়োজন অনুসারে সংশোধন করতে হবে।
আমি আমার পৃষ্ঠাগুলির জন্য একটি সমাধান পেয়েছি: পিতামাতার উপাদানটিকে একটি প্রস্থ এবং উচ্চতা দিন! হরফগুলি এই সীমানার বাইরে যাবে না এবং তাই এটি ছোট থাকবে (এর)।
এটিকে "ফন্ট বুস্টিং" বলা হয় এবং এই ওয়েবকিট বাগে কিছু বিশদে বর্ণনা করা হয়েছে । এটি অক্ষম করার কোনও উপায় নেই's
max-height: 999999px@ মোয়েফজু বর্ণিত হিসাবে সেট করে এটি প্রতিরোধ করা যেতে পারে ।