نه استاد همش درست بود
در این جلسه پروژه ای که در انتهای دوره 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 هست؟و استایل ها درست هستند؟
Saleh Ayat
نمیشه که عکس ها باشن و سایت ریسپانسیو باشه؟؟
علی شیخ
5 ماه پیش
سلام وقت بخیر.
شما میتونید ابعاد تصویر را نسبت به صفحه نمایش های مختلف تنظیم کنید.