سفارشی کردن کدهای CSS

joomM · آذر 97

درود

مقداری به کد top دادم که در مروگر FireFox درست تنظیم شده ولی در مرورگر کروم درست تنظیم نیست. چگونه می توانم کد top را برای انواع مرورگر ها سفارشی کنم.

البته -webkit- هست ولی هر نوع کدی را قبول نمی کند.

لطفا راهنمایی کنید

pourdaryaei · آذر 97

لینک زیر رو مطالعه کنید، طریقه بکارگیری CSS روی مرورگرهای مختلف رو توضیح داده که شما هم میتونید از این روش استفاده کنید

https://www.codeproject.com/Tips/1167666/How-to-Apply-CSS-HACKS-for-Different-Browsers-Chro

joomM · آذر 97

سپاسگذارم

مثلا کد زیر را مشاهده کنید

@media screen and (-webkit-min-device-pixel-ratio:0){

این را به این صورت استفاده کردم که روی firefox و chrome تغییرات را اعمال کرد که باید فقط روی chrome انجام دهد. درسته؟

joomM · آذر 97

مثلا کد زیر را مشاهده کنید

<!DOCTYPE html>
<html>
<head>
<style>
#para1 {
text-align: center;
color: red;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#para1 {
text-align: right;
color: blue;
}
}
</style>
</head>
<body>
<p id="para1">Hello World!</p>
<h1>The background-color Property</h1>

<p>The background color can be specified with a color name.</p>

</body>
</html>

قسمت قرمز کار نمی کند.

ورود

سفارشی کردن کدهای CSS

4 پست در این موضوع

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

ایجاد یک حساب کاربری

ورود به حساب کاربری

خانه

فعالیت ها