نمایش نسخه قابل چاپ
سلام دوستان
من یک قالب طراحی کردم که با فایرفاکس و اینترنت اکسپولرر سازگارش کردم. اما تو کروم مشکل دارم. می خواستم چطور مثل دستور زیر دستوری بنویسم که اگر مرورگر کروم بود از یک css دیگه قالب رو بخونه:
<!--[if lte IE 7]>
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
سلام،
این کار دو راه مختلف دارد. از اونجا که کروم یک مرورگر وابسته به موتور وبکیت است، شما می تونید در فایل Css خود این عبارت را اضافه کنید و استایلتون را درونش قرار بدید:
راه دوم این هست که از داخل user agent صفحه، بیایید و مرورگر کروم را تشخصی دهید و بر اساس شرط جاوا اسکریپتی یا php این مرورگر را انتخاب کنید.کد:@media screen and (-webkit-min-device-pixel-ratio:0) {
/* My Style Decleration */
}
به طور مثال من با استفاده از جاوا اسکریپت، این شکلی نوشتم:
کافیه شما در کدی که نوشتم، در داخل متغیر sfile، آدرس فایل css مورد نظر رو بدید.کد:// define path of chrome css file
var sfile = '/chrome.css';
if (navigator.userAgent.toLowerCase().match('chrome'))
{
var headID = document.getElementsByTagName('head')[0];
var cssNode = document.createElement('link');
cssNode.type = 'text/css';
cssNode.rel = 'stylesheet';
cssNode.href = sfile;
cssNode.media = 'screen';
headID.appendChild(cssNode);
}
پیروز باشید