joomM

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

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

درود

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

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

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

Share this post


Link to post
Share on other sites

سپاسگذارم

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

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

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

Share this post


Link to post
Share on other sites

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

<!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>

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

Share this post


Link to post
Share on other sites

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

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

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

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

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

دارای حساب کاربری هستید؟ از اینجا وارد شوید


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