Мой CSS не меняется, почему? - PullRequest
0 голосов
/ 11 июня 2018

Итак, через много недель я вернулся к кодированию, и у меня возникла проблема.

Проект, над которым я работал, содержит базовые элементы сайта PHP, и теперь я пытаюсь повторноСоздайте мою домашнюю страницу.

Проблема в том, что каждый раз, когда я удаляю или изменяю что-то в CSS, дизайн никогда не меняется, как будто он заморожен или что-то в этом роде, и это происходит для каждой страницы.Когда я удаляю ссылку на CSS в моем HTML, дизайн исчезает.Вот код:

var scrolled=0;
    $(document).ready(function() {
        $("#master").click(function() {
            $("#holder").slideToggle('slow');
        });
                
        $("#down").on("click" ,function() {
            scrolled=scrolled+300;
            $("#solut").animate({
                scrollTop: scrolled
            });
        });
    });
@font-face {
      font-family: 'FontAwesome';
      src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
      src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
      font-weight: normal;
      font-style: normal;
    }
    
    body {
        margin: 0;
        padding: 0;
        background-color: #e0e0e0;
        overflow-x: hidden;
    }
    .navbar {
        width: 100%;
        height: 60px;
    }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
    <head>
        <meta charset="utf-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="icon" href="assets/logo.png" />
        <link href="css/font-awesome.min.css" rel="stylesheet" />
    </head>
    <body>
        <center>
          //code goes here: bunch of divs and texts
        </center>
    </body>
    </html>

Ответы [ 2 ]

0 голосов
/ 11 июня 2018

Возвращение к старому проекту без краткого руководства по прогону , readme или базового списка автоматизированных задач может привести к нескольким нежелательнымпобочные эффекты при запуске и тестировании веб-сайта.

Вот некоторые из того, что я встречал раньше, из головы:

  • Кэш браузера: Откройте DevTools в Chrome, затем перезагрузите страницу, нажав Очистить кэш и полная перезагрузка (Ctrl + Shift + F5) .Если это не помогло, присвойте своему CSS-имя имя, например: ( больше при переполнении кэша ): <link href="css/index.css?v=1.0.1" rel="stylesheet" />

  • Кэш фреймворка: Если вы используете фреймворк с кешированием ресурсов , удалите / очистите его.Это зависит от того, какую платформу вы используете, если таковой имеется.

  • CSS Transpiler не запускается: Если вы используете какой-либо транспортер ( SASS , МЕНЬШЕ и т. Д.), Иногда работа транспиляции забывается.

  • Тестирование на мобильных устройствах: Они могут и делают кеширование часто, простоиспользовать разрыв кэша во время разработки.

  • Неправильные пути / невозможность доступа к файлам : проверьте журналы веб-сервера дляпонять, что не так.

  • НЕ РЕАЛЬНО редактировать файл : Если вы предпочитаете IDE (например: IntelliJ IDEA ;)) и когда выотредактируйте конкретный файл, сохраните его, затем загрузите его (например, через FTP), может случиться так, что конкретный файл не будет обновлен . Подробнее об этом .

0 голосов
/ 11 июня 2018

Это может быть проблема с кешированием.Но дважды ли вы проверили инструмент разработчика, чтобы увидеть, переносится ли CSS?Иногда я делаю небольшие ошибки, связывая файл неправильно - забывая вернуться в папку "../css/index.css

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...