Просмотр поста

# lazyproger (17.04.2014 / 12:17)
Так это пока не спор, просто на работе один сайт адаптивный разбирали, оказалось что из за hover эффектов в мобильную версию 3 мегабайта графики перекочевывает

.dropbuton:hover{
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#feffff), color-stop(0.35, #ddf1f9), to(#a0d8ef));
  background: -webkit-linear-gradient(#feffff 0%, #ddf1f9 35%, #a0d8ef 100%);
  background: -moz-linear-gradient(#feffff 0%, #ddf1f9 35%, #a0d8ef 100%);
  background: -o-linear-gradient(#feffff 0%, #ddf1f9 35%, #a0d8ef 100%);
  background: linear-gradient(#feffff 0%, #ddf1f9 35%, #a0d8ef 100%);
  cursor:pointer;
  color: #666;
  border-radius: 4px 4px 6px 5px;
  border-bottom: 1px solid #555366;
}

@media all and (max-width: 480px) {
  .dropbuton:hover {
    background: none!important;border-radius: none!important;border-bottom: none!important;
  }
}