Пример cписка разрешений для мобильных устройств CSS3 - заготовка списка разрешений адаптивных стилей CSS3.
CSS3 список вариантов
/* -------------------------------------------------------- */
/* CSS3 */
/* -------------------------------------------------------- */
/* Media Queries
-------------------------------------------------------------- */
/* Для разрешения 2K и 4K */
@media only screen and (min-width: 2700px) {
html {
zoom: 200%
}
}
/* Для разрешения 8K */
@media only screen and (min-width: 8000px) {
html {
zoom: 400%
}
}
/* 4K Size */
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
}
/* FHD Size */
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
}
/* HD Size */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
}
/* OLD Mobiles Size */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}
/* OLD Mobiles Size */
@media only screen and (min-width: 768px) and (max-width: 991px) {
}
/* OLD Mobies Size */
@media only screen and (min-width: 768px) and (max-width: 991px) {
}
/* Minimal Mobile Portrait Size */
@media only screen and (max-width: 767px) {
}
/* OLD Mobile Portrait Size */
@media all and (max-width: 590px) {
.mobile-show{display:block;}
.mobile-hide{display:none;}
}
@media only screen and (max-width: 549px) {
}
/* OLD Mobile Portrait Size */
@media (max-width: 320px) {
}
Суть информации отображается всегда интереснее, чем на десктопных версиях.
Ребрендинг и редизайн всегда ведут к усовершенствованиям и часто самое простое оказывается самым сложным.
Без оптимизации ваш сайт никому не нужен, а продавать вы сможете используя только комплексное продвижение.
Ускорение загрузки вашего сайта - это крайне необходимая мера и никуда без чистки библиотек и стилей.