Обучение/Помощь новичкам | Подскажите код
Besthakker
Всем привет, как сделать ширину сайта под телефон, какой код прописать в index.php либо css код подскажите
________
посл. ред. 29.12.2024 в 13:36; всего 1 раз(а); by Andr11
________
посл. ред. 29.12.2024 в 13:36; всего 1 раз(а); by Andr11
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Something (29 дек 2024, в 13:38)<meta name="viewport" content="width=device-width, initial-scale=1.0">
катэ_наркотэ Andr11 , если не ошибаюсь.в css
Сейчас попробую
Або ..css
/* Общие стили для всех устройств */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
/* Стили для экранов шириной до 768px (например, планшеты и телефоны) */
@media (max-width: 768px) {
body {
font-size: 16px; /* Увеличиваем размер шрифта */
}
.container {
width: 100%; /* Контейнер занимает всю ширину экрана */
padding: 10px; /* Отступы для комфортного отображения */
}
}
/* Стили для экранов шириной до 480px (например, небольшие телефоны) */
@media (max-width: 480px) {
body {
font-size: 14px;
}
.container {
width: 100%;
padding: 5px;
}
}
/* Общие стили для всех устройств */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
/* Стили для экранов шириной до 768px (например, планшеты и телефоны) */
@media (max-width: 768px) {
body {
font-size: 16px; /* Увеличиваем размер шрифта */
}
.container {
width: 100%; /* Контейнер занимает всю ширину экрана */
padding: 10px; /* Отступы для комфортного отображения */
}
}
/* Стили для экранов шириной до 480px (например, небольшие телефоны) */
@media (max-width: 480px) {
body {
font-size: 14px;
}
.container {
width: 100%;
padding: 5px;
}
}
Andr11 (29 дек 2024, в 13:46)Где прописать этот код?
Something (29 дек 2024, в 14:01)В хтмл, где-нибудь между <head> и </head>
Andr11 (29 дек 2024, в 14:04)Спасибо работает
Стр.: 1, 2
