#html #css #ruby-on-rails #google-chrome
#HTML #css #ruby-on-rails #google-chrome
Вопрос:
Я разрабатывал некоторые формы начальной загрузки в Chrome. На одной машине ширина html-тега в пикселях равна целому числу, 1905 пикселей. Однако на другой машине, ноутбуке, ширина пикселя является странным десятичным числом, 1668.35789. На обеих машинах установлены 64-разрядные версии ubuntu 12.04 и chrome 35 (последняя стабильная версия для ubuntu). Конечно, это влияет на ширину многих других элементов на странице. Что здесь может происходить?
Обновление: это не проблема начальной загрузки. Это как-то связано с rails. Пустое приложение rails без какого-либо добавленного css, со всеми драгоценными камнями, за исключением удаленного драгоценного камня rails, создает проблему. Html вне rails не создает проблемы.
Комментарии:
1. Не могли бы вы показать какой-нибудь код?
2. Вы сами указали начальную ширину? Bootstrap любит форматировать для всех устройств, если вы склонны использовать их классы.
3. Я не добавляю никакого стиля в html-тег. Проблема существует, даже если я открываю пустой проект, в котором нет ничего, кроме примененного стиля начальной загрузки.
4. Это могут быть разрешения на разных мониторах.
5. Правильно, но как насчет разных разрешений, которые будут влиять на загрузку таким образом? Bootstrap добавляет очень мало стиля к самому тегу html или телу, если на то пошло. Кроме того, я протестировал другой монитор на ноутбуке с более высоким разрешением, и проблема не исчезла.
Ответ №1:
Вас устраивает следующая строка?
min-width: 1905px;
Ответ №2:
Не могли бы вы предоставить немного больше информации, например, о любом стиле, который у вас есть для элементов div? Но если вы использовали проценты для установки ширины разделов, то Chrome получит ваше разрешение CSS и разделит его на назначенную вами процентную ширину.
Поэтому, если у вас есть экран Full HD и установите для div значение 10% ширины, оно установит его равным 10% от 1920 пикселей, поэтому div будет иметь ширину 192 пикселя.
После того, как я увидел, что у вас есть bootstrap, если вы используете сеточную систему, которая предпочитает bootstrap, возможно, что каждая ячейка сетки принимает процент, а затем кнопка заполняет родительский элемент.
Как предложено ниже, вы можете попробовать строку для ввода, которую вы пытаетесь исправить по ширине
min-width: 1905px !important;
Возможно, вам придется использовать important, потому что bootstrap может перезаписать ваши новые стили
Комментарии:
1. Ну, проблема начинается с самого тега html. Этот тег не имеет никакого стиля, кроме того, который bootstrap предоставляет ему по умолчанию. Я забыл упомянуть, что я использовал bootstrap в первоначальном сообщении.