Erfan

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

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

درود

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

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


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

}

0

به اشتراک گذاری این پست


لینک به پست

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

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


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

با احترام

1

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

سلام

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

تو بخش ریسپانسیو وقتی سایز به 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
0

به اشتراک گذاری این پست


لینک به پست

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

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

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


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

2

به اشتراک گذاری این پست


لینک به پست

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

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

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

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


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

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

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


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