169 похожих чатов

👋Хай, не сталкивался ли кто то с проблемой масштабирования страницы? Верстаю

адаптивно, с использованием rem и calc root font-size, в результате получается так, что при ресайзе страницы мой текущий контент улетает вниз. Причиной является то, что контент увеличивается в размере, а скрол не смещается
В итоге при масштабе 100% у меня курсор находится на колонке №6, но из-за того, что font size увеличился, то при зуме этот же размер уже занимают только 2 колонки.

Пример можно посмотреть здесь. Синим колонкам заданы фиксированные значения, а красным адаптивные. Если зумить синие, то никаких проблем нету, а вот красные улетают:
https://codepen.io/Net555/pen/zYwMQeB

Как это пофиксить? Есть ли способ исправить это через css или онли джс? Пробовал накидывать event на resize и прибавлять определенный коеф к window.scrollTo, но не смог норм формулу вывести, чтобы криво не было

9 ответов

8 просмотров

Ну можно поиграть в https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-anchor Те кто юзают ремы для всего подряд сами себе враги)

tyaf- Автор вопроса
Андрей Гуртовой
Ну можно поиграть в https://developer.mozilla.org/...

увы. перебрал все свойства, 0 импакта(

tyaf
увы. перебрал все свойства, 0 импакта(

я правильно понял, что у меня лично проблема сейчас отсутствует ?

tyaf- Автор вопроса
tyaf- Автор вопроса
Андрей Гуртовой
я правильно понял, что у меня лично проблема сейча...

хотя нет. Я ошибся. у тебя дело в том, что ты не опустил скрол пониже. Поэтому то и не видишь эффекта

tyaf- Автор вопроса

Стикер

tyaf
хотя нет. Я ошибся. у тебя дело в том, что ты не о...

а.. это такое поведение по умолчанию. чтобы сменить то как по умолчанию надо поиграть с overflow-anchor например на боди элементе или там на html

Похожие вопросы

Обсуждают сегодня

А чем вам питонисты не угодили?😂
.
79
Язык Си можно выучить за день? По книжке ANSI C на 230 страниц
Vincent Vegan
29
Всем привет, написал код ниже, но он выдает сегфолт, в чем причина? #include <stdio.h> #include <stdlib.h> #include <string.h> struct product { char *name; float price; };...
buzz базз
75
Есть какой-нибудь для Delphi/FPC T*Compression(Decompression)Stream на базе LZ4/Zstd/любой другой быстрый(и хорошо сжимающий) алгоритм А ещё лучше в pure pascal А ещё лучше од...
notme
22
Dim Dim, [02.07.2024 11:07] DB 0x62 Dim Dim, [02.07.2024 11:07] DB 0x66 Dim Dim, [02.07.2024 11:07] кто пояснит что это?
Dim Dim
14
Ошибка: segmentation fault (core dumped) Код: pastebin.com/BEsNNSSV Сообщение от компилятора: отсутствует ОС: Arch Linux Ядро: x86_64 Linux 6.9.7-arch1-1 Процессор: Intel Cele...
sec
4
Ещё такой вопрос. Мне необходимо хранить пароль пользователя локально. Для этого планирую использовать ini файл. Это для автозаполнения полей логин и пароль при авторизации. Е...
Евгений
19
Ребят, а за скок можно впарить анон чат с апишкой и веб админкой ?
Eugene Неелов
15
Кстати, я тут еще с одной темой столкнулся, вот учу я C++, на таком то ресурсе, а остальные постоянно советуют практиковаться, что то писать, проекты, но как писать если вот т...
aaswq1
7
А как лучше конвертировать физический адрес в виртуальный при маппинге? В случае ядра у меня, например, direct mapping, первые 768МБ я как есть мапплю в higher half, а остальн...
Evg Resh
26
Карта сайта