رفتن به مطلب

مشکل در ریسپانسیو کردن با @media


پست های پیشنهاد شده

درود

دوستان یکی از طرح های بنده به دلیل کد شدن PHP توسط برنامه نویس امکان تغییر در HTML اون نبود. از همین رو به صورت کامل با استفاده از @media اون رو برای موبایل بهینه کردم. ولی فقط با تغییر سایز صفحه مرورگر کامپیوتر قالب ما واکنش نشون میده و روی گوشی اثری نداره!! دوستان کسی راه حلی داره؟

کد به صوت زیر نوشته شد:


@media all and (max-width: 800px){

}

لینک به ارسال

سلام دوست عزیز،

این کد رو داخل تگ <head> قرار بدین مشکلتون حل میشه


<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

با احترام

لینک به ارسال

سلام

من یه قالب وردپرس دارم طراحی می کنم

تو بخش ریسپانسیو وقتی سایز به 360 پیکسل میرسه منو حذف و دکمه ای که برای فرا خوانی منو قرار دادم میاد

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

این کد header.php هستش

این هم آدرس سایت : http://azonprinter.ir


<!--[if lt IE 7]>
<html class="ie ie6 lte9 lte8 lte7" lang="en-US" prefix="og: http://ogp.me/ns#">
<![endif]-->
<!--[if IE 7]>
<html class="ie ie7 lte9 lte8 lte7" lang="en-US" prefix="og: http://ogp.me/ns#">
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8 lte9 lte8" lang="en-US" prefix="og: http://ogp.me/ns#">
<![endif]-->
<!--[if IE 9]>
<html class="ie ie9" lang="en-US" prefix="og: http://ogp.me/ns#">
<![endif]-->
<!--[if gt IE 9]> <html lang="en-US" prefix="og: http://ogp.me/ns#"> <![endif]-->
<!--[if !IE]><!-->
<html lang="fa">
<!--<![endif]-->
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<head>
<link href="<?php bloginfo('template_url'); ?>/core5152.css" rel="stylesheet" type="text/css">
<link href="<?php bloginfo('template_url'); ?>/elements7e2e.css" rel="stylesheet" type="text/css">
<link href="<?php bloginfo('template_url'); ?>/shortcodes7e2e.css" rel="stylesheet" type="text/css">
<link href="<?php bloginfo('template_url'); ?>/skin7e2e.css" rel="stylesheet" type="text/css">
<link href="<?php bloginfo('template_url'); ?>/bootstrap.min1c12.css" rel="stylesheet" type="text/css">
<link href="<?php bloginfo('template_url'); ?>/bootstrap-responsive.min1c12.css" rel="stylesheet" type="text/css">
<link href="<?php bloginfo('template_url'); ?>/cyberchimps-responsive.min5152.css" rel="stylesheet" type="text/css">
<link href="<?php bloginfo('template_url'); ?>/responsive.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/responsive-nav.css">
<script type='text/javascript' src="<?php bloginfo('template_url'); ?>/bootstrap/js/jquery.js"></script>
<script src="<?php bloginfo('template_url'); ?>/js/prefixfree.min.js"></script>
<script src="<?php bloginfo('template_url'); ?>/sliderengine/jquery.js"></script>
<script src="<?php bloginfo('template_url'); ?>/sliderengine/amazingslider.js"></script>
<script src="<?php bloginfo('template_url'); ?>/sliderengine/initslider-1.js"></script>
<script>
function showhide(id){
if (document.getElementById){
obj = document.getElementById(id);
if (obj.style.display == "none"){
obj.style.display = "";
} else {
obj.style.display = "none";
}
}
}
</script>
<meta charset="UTF-8" />

<title><?php bloginfo('name'); ?></title>

<!-- IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="js/html5.js" type="text/javascript"></script>
<![endif]-->
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<link rel="canonical" href="./index.php" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="#" />
<meta property="og:description" content="" />
<meta property="og:url" content="index.php" />
<meta property="og:site_name" content="printer" />
<meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' />
<link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/images/favicon.ico" type="image/x-icon"/>
<link rel='stylesheet' id='font_style-css' href='<?php bloginfo('template_url'); ?>/css/font-awesome.css' type='text/css' media='all' />
<link rel='stylesheet' id='font_style-css' href='<?php bloginfo('template_url'); ?>/css/font-awesome.min.css' type='text/css' media='all' />
<link rel='stylesheet' id='style-css' href='<?php bloginfo('stylesheet_url'); ?>' type='text/css' media='all' />

</head>
<body>
<!-- ---------------- Menu ----------------------- -->
<div class="wrap">
<nav>
<nav id="nav">
<ul><li><a href="/"><i class="fa fa-home"></i></a></li></ul>
<?php wp_nav_menu( array( 'theme_location' => 'top-menu', 'container' =>'', 'menu_class' =>'topnav' ) ); ?>

<?php get_search_form(); ?>
</nav>
<div class="res-menu">
<a href="#" onclick="showhide('script'); return(false);"><img src="<?php bloginfo('template_url'); ?>/images/res-menu.png"></a></p>
<div style="display: none;" id="script">
<nav>
<nav id="res-nav">
<ul><li><a href="/"><i class="fa fa-home"></i></a></li></ul>
<?php wp_nav_menu( array( 'theme_location' => 'top-menu', 'container' =>'', 'menu_class' =>'topnav' ) ); ?>

</nav>
</div>
</div>
</div>
<div class="clear"></div>
<script src='<?php bloginfo('template_url'); ?>/js/jquery.min.js'></script>







ویرایش شده توسط tarenoco
لینک به ارسال

سلام . اگه اینلاین ادد کردید که داخل کد های بالا که اثری از @media نمی بینیم .

اگرم به صورت فایل اکسترنال هستش که معلوم نیست توی کدوم فایل css هست .

ضمن اینکه کد زیر هم اشتباهه ... چون فقط داره یه مسیر رو فراخونی میکنه در حالی که باید یک فایل css رو فراخونی کنه :


<link rel='stylesheet' id='style-css' href='<?php bloginfo('stylesheet_url'); ?>' type='text/css' media='all' />

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...