ورود

View Full Version : متتد کردن هدر سایت در سایز های مختلف


NIMA_1981
جمعه 02 فروردین 1392, 22:02 عصر
سلام دوستان

من یک مشکلی دارم سایت من یک هدر و یک فودر داره که میخوام مثل بعضی سایت ها وقتی که زوم صفحه را کم میکنم باز هدر سایت من به گوشه ها چسبده باشه این عکس توی هدر و فودر ادامه دار باشه و قطع نشه مثلا مثل سایت Hotmail
101788

با تشکر
maktoom
جمعه 02 فروردین 1392, 23:32 عصر
سلام
سایز رو به درصد بدید.
گوشه چشمی هم به طراحی ریسپانسیو داشته باشید.
NIMA_1981
شنبه 03 فروردین 1392, 00:42 صبح
میشه بگید سایز چی رو باید به درصد بدم ؟
اگه میشه در مورد طراحی ریسپانسیو یک توضیحی بدید
با تشکر
Mohsen.
شنبه 03 فروردین 1392, 00:53 صبح
کد زیرو ببینید. متوجه میشید.


<!DOCTYPE html>
<html>
<head>
<style>
*{
margin: 0 auto;
padding: 0;
}
.header-wrraper{
width: 100%;
background: #ccc;
min-height: 150px;
}
.header{
width: 1000px;
min-height: 150px;
background: #000;
}
</style>
</head>
<body>
<div class="header-wrraper">
<div class="header">

</div>
</div>
</body>
</html>
maktoom
شنبه 03 فروردین 1392, 14:20 عصر
طراحی ریسبانسیو یه سایت باعث میشه سایت شما در دیوایس های مختلف شکل خودش رو بخوبی حفظ کنه. سایت شما درهم ریخته نمیشه.
سعید کشاورز
شنبه 03 فروردین 1392, 15:37 عصر
طراحی ریسبانسیو یه سایت باعث میشه سایت شما در دیوایس های مختلف شکل خودش رو بخوبی حفظ کنه. سایت شما درهم ریخته نمیشه.

آیا این نوع طراحی 100% تضمینی هستش؟
یعنی دیگه توی رزولیشن های مختلف بهم ریختگی نداریم؟
Mohsen.
شنبه 03 فروردین 1392, 16:17 عصر
آیا این نوع طراحی 100% تضمینی هستش؟
یعنی دیگه توی رزولیشن های مختلف بهم ریختگی نداریم؟
بله. تضمینی هست. توی این سایت (http://webdesignledger.com/inspiration/21-fresh-examples-of-responsive-web-design)21 مثال از طراحی ریسپانسیو است.
عرض صفحه رو به صورت دستی کم و زیاد کنید متوجه میشید.