Если хотите что-то спрятать на мобильниках, то логичнее ограничивать максимальную ширину, а не минимальную. Да и вьюпорт мобильника в портретной ориентации меньше 480 точек.
Открываете инспектор кода (например, в хроме), устанавливаете ширину окна, выделяете нужный блок и смотрите какие стили применились, а какие нет и кто их перебил.
Вероятно, стили прописаны через id и своими стилями вы просто не перебили вконтактовские.
Открывайте инспектор и смотрите почему так происходит.
Пример:
text-aling:center;
Совсем не всегда помогает выравниванию по центру. Например, там может стоять абсолютное позиционирование или блок на всю ширину и ему до лампочки по середине он или нет.
1. id это идентификатор, он не может повторяться. Замените на class.
2. Родитель элемента li это ul, а не div. div можете написать внутрь li, а классы поменять местами
3. Последний элемент выбирается с помощью :last-child
почему ширина экрана не тождественна ширине окна браузера, ведь при изменении окна браузера меняется размер окна?
Масло масляное: при изменении окна браузера окно браузера изменяется - ДА!
Но при изменении окна браузера разрешение экрана (размер экрана) никуда не девается.
Если хотите что-то спрятать на мобильниках, то логичнее ограничивать максимальную ширину, а не минимальную. Да и вьюпорт мобильника в портретной ориентации меньше 480 точек.
Открываете инспектор кода (например, в хроме), устанавливаете ширину окна, выделяете нужный блок и смотрите какие стили применились, а какие нет и кто их перебил.