Я только что задал вопрос об центрирующих элементах, и учитывая, что я должен был с этим сделать (оборачивая несколько элементов другим элементом, просто чтобы заставить их отображаться аналогично макету Apple и нужно указать ширину для центрирования) Как именно они заставляют сайт так хорошо работать на мобильных устройствах? Я что-то не так делаю? Вот CSS, который я использую для своей страницы.
body
{
font-size: 80%;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
color: #000000;
background-color: #E4E0E0;/*;*/
/*background-attachment:fixed; used to fix a background image so only text scrolls*/
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
}
.wrapper
{
margin:auto;
width:950px;
}
.homediv
{
background-color:#F7F7F7;
border:1px solid #FFFFFF;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
/* width must be defined in the actual element */
-webkit-box-shadow: 0px 0px 8px #888888;
-moz-box-shadow: 0px 0px 8px #888888;
box-shadow: 0px 0px 8px #888888;
text-align:center;
padding:4px;
}
.homediv:hover
{
background-color:#FFFFFF;
cursor:pointer;
}
.homediv img
{
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
}
Что мне нужно изменить, чтобы сайт автоматически подходил под размеры экрана? Как он настроен в настоящий момент, я должен указать ширину внутри самих элементов ...