Почему веб-страница в моем ноутбуке работает в автономном режиме, и я больше не загружаю ее с помощью Filezilla? - PullRequest
Новая
       21

Почему веб-страница в моем ноутбуке работает в автономном режиме, и я больше не загружаю ее с помощью Filezilla?

0 голосов
/ 19 июня 2019

Я добавил несколько медиа-запросов в CSS.file, чтобы сделать веб-страницу отзывчивой, и она отлично работает в автономном режиме. Но когда я загружаю его на сервер с помощью Filezilla, он больше не выглядит отзывчивым.

Я уже пытался изменить @media only screen and (...) в @media (...). 

@media only screen and (max-width: 2000px) {
    .column_left {
        width: 100%;
        height: auto;
    }
    .column_right {
        width: 100%;
        height: auto;
    }
    .foto {
        width: 150px;
        height: 75px;
    }
    footer {
        background-color: lightgreen;
    }
}

@media only screen and (max-width: 1000px) {
    .title {
        margin: 10px;
    }
    .subtitle {
        display: none;
    }
}

@media only screen and (min-width: 2500px) {
    .foto {
        width: 150px;
        height: 75px;
    }
}

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Stay Culture</title>
    <link rel="stylesheet" type="text/css" href="stile.css">
    <link href="https://fonts.googleapis.com/css?family=Satisfy&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Dokdo" rel="stylesheet">
</head>

1 Ответ

0 голосов
/ 27 июня 2019

Вероятно, это проблема с кешем .

Вы можете запустить Ctrl+Shift+R или Ctrl+F5, чтобы удалить кэш с текущей открытой страницы.

Чтобы избежать использования старых кэшированных файлов, вы можете просто добавить тег 'version' в конце. Вот так: 

<link rel="stylesheet" type="text/css" href="stile.css?v=001">

Этот файл «принудительно» перезагружается, поэтому рекомендуется, если в этот файл были внесены какие-либо изменения, поскольку пользователи не будут запускать Ctrl+F5 на вашей странице.

...