Вопрос по адаптивному CSS от 960.gs

308

big boy

16 февраля 2013, 17:54

912

Если кто не в курсе - для адаптивного диза там уже прописаны несколько css для всех возможных разрешений экранов и через js, который определяет размер экрана, эти css соответственно загружаются.

Это конечно хорошо, однако в HTML такая бодяга (выдернул из примера):

Visible at: 0px to 760px


Visible at: 760px to 980px


Visible at: 980px to 1280px


Visible at: 1280px to 1600px


Visible at: 1600px to 1920px


Visible at: above 1920px

В CSS ненужные блоки скрываются через display: none, а когда надо, none меняется на block.

То есть если для всех разрешений экранов у вас показывается одинаковое содержание сайта (с вероятностью 99%), то содержание этих блоков будет одинаково. Соответственно имеем как минимум 6 повторений текста, картинок и прочих элементов в коде.

Что на счет этих повторений думают ПС? Как относятся к скрытию в display: none существенной части сайта?

Можно ли как-то избежать такого дублирования?

✔ Google spam update убил сайты? Что делать - https://webmasta.ru/blog/google-october-2022-spam-brain-update

F

27

Fieros

16 февраля 2013, 18:33

#1

Перерыл кучу иностранных форумов по поводу display:none. Большинство говорит, что гугл индексирует и скрытые блоки, что плохо. Вот, например, тестировали:

webmasters.stackexchange.com/questions/35939/is-hidden-content-display-none-indexed-by-search-engines

А вы уверены, что ненужные блоки в коде вообще присутствуют?

Сейчас ищу на сайтах, которые применяют фреймворк, - не могу найти скрытые блоки с дублированием. http://960.gs/ - прокрутите чуть вниз страницу, там сайты.

C

277

Chukcha

16 февраля 2013, 18:40

#2

big boy, Где вы такое прочитали? (я о приведенном коде)

308

big boy

16 февраля 2013, 21:10

#3

Chukcha:
big boy, Где вы такое прочитали? (я о приведенном коде)

Скачал их пример с сайта, в файле test_class.html

По ходу дела это чисто пример работы. Я только начал разбираться, не пинайте 🤪

В нормальном коде этой ереси уже нет.

308

big boy

16 февраля 2013, 23:15

#4

Более-менее разобрался, только вот глюк встретил один.

При изменении размера окна до 1280 по ширине, включается 960.css, хотя в моем случае при этом разрешении очень хорошо работает 1200.css. Заметил, что переход на 960 происходит при размере гораздо больше, чем 1280!

Но все же сменил в конфиге скрипта:

'980px to 1280px = 960.css',

'1280px to 1600px = 1200.css',

на

'980px to 1260px = 960.css',

'1261px to 1600px = 1200.css',

Однако, глючить от этого не перестало. При изменении размера окна стиль может меняться причем для отдельно взятых блоков. Буквально чуть-чуть уменьшу окно - перепрыгивает на 960, хотя размер 1270 пикселей (по заданным мной условиям должно держаться до 1260). НО стоит лишь нажать F5 и все становится на свои места!

Что интересно, такой же баг наблюдается и на их сайте - http://adapt.960.gs

Может скрипт глючит при изменении ширины окна?

---------- Добавлено 17.02.2013 в 03:19 ----------

Проверял в IE и хроме.

173

beginerx

16 февраля 2013, 23:30

#5

никаких багов не вижу, все работает отлично. Это не глюк это фича, не нравится не юзайте. И попробуйте сделать лучше.

>>>Скорость и Реакция<<< (https://vk.com/app4629907 ): онлайн тренировка скорости и времени реакции.... (https://vk.com/app4612117 )... (https://vk.com/club18740762 ).

308

big boy

17 февраля 2013, 07:16

#6

beginerx:
никаких багов не вижу, все работает отлично. Это не глюк это фича, не нравится не юзайте. И попробуйте сделать лучше.

А вы сначала попробуйте сделать что я описал.

"Попробуйте сделать лучше, не нравится не юзайте" - тоже мне помощь. Удалитесь из темы, тут ваш флуд не к месту.

C

277

Chukcha

17 февраля 2013, 17:34

#7

Конфликт скриптов - смотрите что пишет консоль

Зачем быть уникальным в мире, где все можно скопировать

В 2023 году Google заблокировал более 170 млн фальшивых отзывов на Картах