আইই তে কাজ না করার জন্য প্রাথমিক প্রস্থ ব্যবহার করুন


107

আমার কাছে একটি গ্রাফ প্লাগইন রয়েছে যা এর ধারকটিতে ক্যানভাস এবং কিংবদন্তি সন্নিবেশ <table>করিয়ে দেয়। এই প্লাগইনটিতে tableএর কোনও widthসংজ্ঞা দেওয়া হয়নি এবং আমার সিএসএসে সেই ধারকটির ভিতরে থাকা টেবিলগুলির জন্য একটি প্রস্থ রয়েছে আমার প্লাগইনটি sertedোকানো হত।

সুতরাং, নতুন ডিভিএস table{ width: 100%}সিএসএস থেকে উত্তরাধিকার সূত্রে প্রাপ্ত হয়েছে এবং ভুল উপস্থাপন করছে।

আমি ব্যবহার করার চেষ্টা করেছি width: initial;, Chrome এ দেখতে দেখতে ভাল লাগছে তবে ব্রাউজারের সামঞ্জস্যতা পরীক্ষা করতে IE পছন্দ করেন না

আমি স্ক্রিপ্ট / প্লাগইনটিতে একটি ইনলাইন সিএসএস পরিবর্তন / জোর করে স্বীকার করছি যেহেতু এটি কোনও পরিবেশে কাজ করতে হবে।

এখানে সেরা সমাধান কি?


আপনি কি সর্বনিম্ন প্রস্থ নির্ধারণ করার চেষ্টা করেছেন? এটা কি কাজ করে?
BuddhistBeast

@ বুডিস্টবিস্ট, সে সম্পর্কে ভাবেন নি! তবে এখনই চেষ্টা করে দেখেছেন এবং Chrome এও কাজ করেন নি।
রিকার্ড

উত্তর:


177

width: autoযেমনটি আপনি বলেছেন, সাধারণত একই রকম প্রভাব ফেলবে। বিধি থাকা:

.my-selector {
    width: auto;
    width: initial;
}

initialএটি সমর্থিত এবং autoঅন্যথায় এটি ব্যবহার করার কারণ ঘটানো উচিত।


3
এটি আমার সমস্যাটি স্থির করেছে। ধন্যবাদ।
chayচাইকা

2
সবেমাত্র আমাকে এক ঘন্টা বাঁচাল। ধন্যবাদ।
Skitterm

2
একটি নোট হিসাবে, initial হয় একটি বৈধ সম্পত্তি মান ( developer.mozilla.org/en-US/docs/Web/CSS/initial )। তবে (আপনি যদি আগের লিঙ্কটিতে "ব্রাউজারের সামঞ্জস্য" এ নামান) তবে কোনও আইই সংস্করণ এটি সমর্থন করে না।
gtramontina

4
এটি ফ্যালব্যাক হিসাবে পরিচিত এবং সিএসএসে একটি খুব সাধারণ কোডিং প্যাটার্ন। এছাড়াও, ব্যবহার width: autoশুধুমাত্র একটি থাকবে না অনুরূপ প্রভাব, কিন্তু এটা থাকবে সঠিক একই কারণ, প্রভাব autoহয় প্রাথমিক মান হতে সংজ্ঞায়িত জন্য widthসম্পত্তি।
ছারভে

6

width: auto;ইনলাইন ব্যবহার করে , স্ক্রিপ্টের অভ্যন্তরে ক্রোম, ফায়ারফক্স এবং আইই ১১ এ সমস্যা সমাধান করে a এর চেয়ে আরও ভাল উপায় আছে কিনা তা নিশ্চিত না।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.