মিডিয়াউইকি:Mobile.css
লক্ষ্য করুন: প্রকাশ করার পর, পরিবর্তনগুলো দেখতে আপনাকে আপনার ব্রাউজারের ক্যাশে পরিষ্কার করার প্রয়োজন হতে পারে।
- ফায়ারফক্স / সাফারি: পুনরায় লোড-এ ক্লিক করার সময় শিফট টিপে ধরে রাখুন, অথবা হয় Ctrl-F5 বা Ctrl-R টিপুন (ম্যাকে ⌘-R টিপুন)
- গুগল ক্রোম: Ctrl-Shift-R (ম্যাকে ⌘-Shift-R) টিপুন
- এজ: Ctrl ধরে রাখা অবস্থায় Refresh-এ ক্লিক করুন, অথবা Ctrl-F5 টিপুন।
- অপেরা: Ctrl-F5 টিপুন।
/* All CSS here will be loaded for users of the mobile site */
/* # REDIRECT [[MediaWiki:Minerva.css]] <!-- Minerva.css is now render blocking --> */
/* ছবির সাইজ ঠিক করা */
.mw-content-ltr img {
max-width: 100% !important; /* ছবিকে স্ক্রিনের মধ্যে রাখা */
height: auto !important;
display: block;
margin: 0 auto; /* ছবিকে সেন্টার করা */
}
/* টেবিল বা ইনফোবক্স ঠিক করা */
.infobox {
width: 100% !important;
max-width: 320px; /* মোবাইলে সুন্দরভাবে ফিট করার জন্য */
font-size: 14px;
}
/* টেক্সট ঠিকমতো সেন্টার করা */
.mw-content-ltr {
text-align: center;
}
/* মোবাইলে আরও ভালো দেখানোর জন্য */
@media (max-width: 768px) {
.mw-body {
padding: 5px;
}
.infobox {
font-size: 13px;
width: 90%;
margin: 0 auto;
}
.infobox td, .infobox th {
text-align: left !important;
}
}