نحوه ی نمایش درست و پشتبانی همه ی مرورگرها از html و css

[elhamirani]

درود
میخواستم سایتم رو همه ی مرورگرها درست نمایش بده و از همه ی تگها و خصوصیات html و css پشتیبانی کنه راه کاری هست که معرفی کنید؟
ممنون میشم
سپاس

[mnvoh90]

تنها راهش اینه که تنها از تگ ها و اتریبیتهایی استفاده کنید که تو همه ی مرورگر ها پشتیبانی میشه! الان مثلا IE8 اتریبیوت border-radius رو پشتیبانی نمی کنه که دیگه کاریش نمیشه کرد. باید خودتون رو تطبیق بدید و مثلا در این مورد از تصویر استفاده کنید.

[merlin425]

واسه پشتیبانی از css 3 کاری نمیشه کرد ولی از html اگه منظورتون html 5 یه فایل هست به نام html5.js که باعث میشه همه مرور گرا از تگ های html 5 هم پشتیبانی کنن که ضمیمه کردم اگرم منظورتون اینه که به فرض یک div تو یه مرورگر یه جوری و تو یکی دیگه یه شکل دیگه مثلآ باریک تر نشون میده فکر میکنم یه css هست به نام reset.css که این مشکل رو حل میکنه البته اطمینان ندارم

[darkcms]

با سلام و درود.
برای اجرای بعضی از دستورات css 3 در IE شما باید فایل PIE.htc را از لینک زیر دانلود کنید :
http://css3pie.com/download/
سپس کد زیر را در جای مناسبی از فایل css قرار دهید :
behavior: url(PIE.htc);
مثال :
.b_rounded {
behavior: url(PIE.htc);
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari, Chrome */
-khtml-border-radius: 5px; /* KHTML */
border-radius: 5px; /* CSS3 */
}
به امید فردایی بهتر!:لبخندساده:

[Omid Jackson]

از selectivizr (http://selectivizr.com/) هم برای سلکتور ها میتونین استفاده کنین
CSS Reset هم یک سری از خاصیت های تگ ها رو 0 میکنین، توی همه ی مرورگر ها از بین میره اون مقداری که به صورت پیشفرض دارن مثلا برای بدنه (body):


body {
margin: 0;
padding: 0;
}

اونوقت اون حاشیه سفید رنگ از بین میره
بعد شما هر مقداری که بدین تو همه مرورگر ها به یک شکل نشون میده
CSS Reset (http://www.webtarget.ir/blog/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AA%DA%A9%D9%86%DB%8C%DA%A9-%D9%87%D8%A7%DB%8C-css-reset/)
میتونین خودتون فایل CSS درست کنین و قبل از لینک ها در پروژه قرار بدین تا مرورگر ها به یک شکل بشن

[s2/mri]

درود

لینک (http://barnamenevis.org/showthread.php?417126-%D8%A7%DB%8C%D9%86%D8%AA%D8%B1%D9%86%D8%AA-%D8%A7%DA%A9%D8%B3%D9%BE%D9%84%D9%88%D8%B1%D8%B1-%DA%A9%D9%84%D8%A7%D9%81%D9%85-%DA%A9%D8%B1%D8%AF%D9%87!-%D8%A8%DA%AF%DB%8C%D8%AF-%DA%86%DB%8C%DA%A9%D8%A7%D8%B1-%DA%A9%D9%86%D9%85)و لینک (http://barnamenevis.org/showthread.php?418332-%D9%86%D8%A7%D8%B3%D8%A7%D8%B2%DA%AF%D8%A7%D8%B1%D B%8C-%D8%A8%D8%A7-%D9%85%D8%B1%D9%88%D8%B1%DA%AF%D8%B1-ie)




موفق باشید

[elhamirani]

برای گوشی یا دستگاه های دیگه که به اینترنت وصل میشن چی؟

[merlin425]

برای گوشی یا دستگاه های دیگه که به اینترنت وصل میشن چی؟
به این کاری که می گی میشه طرا حی responsive که خودش یک نوع طراحی به حساب میاد که یک سری تکنیک هایی واسه خودش داره تو می تونی خودت طرحتو responsive طراحی کنی یا این که از css framework استفاده کنی که همشون طرحتو responsive نمی کنه
من پیشنهاد میکنم از skeleton (http://www.getskeleton.com/)استفاده کن البته چیزای دیگه هم هست

[s2/mri]

برای گوشی یا دستگاه های دیگه که به اینترنت وصل میشن چی؟

همون طور که دوستمون گفتن شما وقتی رسپانسیو طراحی میکنین سایت شما در نمایشگرهای مختلف یکسان نمایش داده میشه . پیشنهاد من هم بوت استرپه

یه راه دیگه هم اینه که (چون معمولا مرورگرهای موبایل HTML5 و CSS3 رو شناسایی نمیکنن) شما با یه دستور بگین که اگه مرورگر استفاده شده موبایل بود نسخه موبایل رو به نمایش بذاره


موفق باشید

[elhamirani]

سپاس از همه