Созданная таблица Div, похоже, ломается в Chrome

#html #css #google-chrome

#HTML #css #google-chrome

Вопрос:

Она работает в IE и Safari, но не работает в Chrome. Вы можете просмотреть страницу здесь http://www.archemarks.com.

Она прерывается только в средней точке масштабирования, поэтому вам приходится увеличивать и уменьшать масштаб, и в этой средней точке таблица прерывается.

Это заставило меня подумать, что это было что-то незначительное, когда браузер перерисовывал страницу .. изменение доступных пикселей привело к тому, что она стала чем-то большим, чем обычно … или меньше, и нарушило макет.

В Chrome есть инструменты разработки, которые должны сделать доступными все CSS и HTML.

Я попытался изменить размер текста в поле ввода и содержащих его столбца и строки .. но это не помогло, поскольку я только предполагал.

Любой совет, не предполагающий.

Я могу опубликовать код повторно, но, возможно, было бы проще просто просмотреть сайт с помощью инструментов разработки Chrome

Комментарии:

1. У меня это происходит только тогда, когда я уменьшаю масштаб пару раз. Реальные пользователи почти никогда не уменьшают масштаб, поэтому я не думаю, что вам стоит беспокоиться об этом.

2. @thirtydot Я думал о том же, но это второй вопрос сегодня о том, «когда я уменьшаю масштаб …» O_o

Ответ №1:

Это ширина вашего правила .t2_c1. Всего 100 пикселей, она недостаточно широка для текста повторного сообщения электронной почты. это, несомненно, из-за того, что преобразование размера шрифта немного отклонено, поскольку браузер компенсирует масштабирование. Изменение ширины правила .t2_c1 на 110 пикселей, а затем ширины .t2_c2 на 250 пикселей устраняет эту проблему.

Комментарии:

1. ты благочестивый…. это конкретное решение… разрывает таблицу… Я просто расширил всю таблицу на 10 пикселей .t1 … и .. расширил t2.c1 на 10 пикселей в соответствии с вашим предложением…. затем мне пришлось относительно расположить строку загрузки файла на 10 пикселей … почти то, что вы сказали … b.c. загрузка файла была странной… Я думал, что это было причиной .. но я ошибался..