نمیشه که عکس ها باشن و سایت ریسپانسیو باشه؟؟
در این جلسه پروژه ای که در انتهای دوره HTML&CSS ایجاد کرده ایم را با هم دیگه رسپانسیو خواهیم کرد
برای ارسال نظر ابتدا باید وارد سایت شوید
نمیشه که عکس ها باشن و سایت ریسپانسیو باشه؟؟
سلام وقت بخیر.
شما میتونید ابعاد تصویر را نسبت به صفحه نمایش های مختلف تنظیم کنید.
نه استاد همش درست بود
منظورتون را نفهمیدم؟؟
استاد ببخشید من هرکار کردم وقتی اینسپکت رو میزنم و اون حالت های تبلت و ...
رو میزنم یه جورایی خرابه خیلی کوچیک میشه
html
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<mets charset="UTF-8" />
<mets name="viewport" content="width=device-width, initial-scale=1.0" />
<mets http-equiv="X-UA-compatible" content="ie=edge" />
<mets name="description" content="my description" />
<mets name="keywords" content="لورم ایپسوم" />
<mets name="robots" content="noindex,nofollow" />
<title>home/welcome</title>
<link rel="stylesheet" href="./css/style.css" />
<link rel="stylesheet" media="screen and (max-width:768px)" href="./css/mobile.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.1/css/all.css" integrity="sha384-v8BU367qNbs/aIZIxuivaU55N5GPF89WBerHoGA4QTcbUjYiLQtKdrfXnqAcXyTv" crossorigin="anonymous" />
</head>
<body>
<header>
<nav id="nav">
<div class="container">
<img id="amg" src="./images/5.png" alt="logo" />
<ul>
<li>
<a class="current" href="index.html" target="-blanc"> خانه</a>
</li>
<li><a href="worksamples.html" target="-blanc">نمونه کار</a></li>
<li><a href="abute.html" target="-blanc"> درباره ی ما</a></li>
<li><a href="contact.html" target="-blanc"> تماس با ما</a></li>
</ul>
</div>
</nav>
<div id="showcase">
<div class="container">
<div class="showcase-content">
<br />
<br />
<a class="btn" href="worksamples.html">بیشتر </a>
</div>
</div>
</div>
</header>
<section id="sc" class="bg-dark">
<div class="i"></div>
<div class="info">
<h2>لورم ایپسوم</h2>
<br />
<p>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد کتابهای زیادی در شصت و سه درصد گذشته حال و آینده
</p>
</div>
</section>
<section id="info">
<div class="A">
<div class="q">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<a class="btn" href="abute.html" target="-blanc">بیشتر </a>
</div>
<div id="box-1" class="bx">
<div id="ig-1" class="ig">
<div class="x"></div>
<p>لورم ایپسوم متن ساختگی</p>
</div>
</div>
<div id="box-2" class="bx">
<div id="ig-2" class="ig">
<div class="z"></div>
<p>لورم ایپسوم متن ساختگی</p>
</div>
</div>
<div id="box-3" class="bx">
<div id="ig-3" class="ig">
<div class="s"></div>
<p>لورم ایپسوم متن ساختگی</p>
</div>
</div>
<div id="box-4" class="bx">
<div id="ig-4" class="ig">
<div class="c"></div>
<p>لورم ایپسوم متن ساختگی</p>
</div>
</div>
</div>
</div>
</section>
<section id="features">
<div class="box bg-light">
<i class="fas fa-code fa-3x"></i>
<h3>لورم ایپسوم</h3>
<p>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
</p>
</div>
<div class="box bg-primary">
<i class="fas fa-laptop-code fa-3x"></i>
<h3>لورم ایپسوم</h3>
<p>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده
</p>
</div>
<div class="box bg-light">
<i class="fas fa-database fa-3x"></i>
<h3>لورم ایپسوم</h3>
<p>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
</p>
</div>
</section>
<div class="clr"></div>
<footer id="main-footer">
<br>
<p>amir.ir © 2020</p>
</footer>
</body>
</html>
اگه منظورتون رسپانسیو نیست که باید بررسی کنید.مثلا الان شما فایل mobile.css را در HTML اضافه کرده اید حالا این فایل داخل پوشه css هست؟و استایل ها درست هستند؟
محمدرضا رجبی
سلام خیلی خیلی خیلی ممنون خدا شما رو از آسمون آورد برامون استاد
علی شیخ
3 ماه پیش
سلام وقت بخیر.
ممنون از شما🙏
خداروشکر که دوره براتون مفید بوده