Я розумію, що використовує інше стиснення CSSне має насправді ніякого впливу на результат сайту (за винятком меншого розміру файлу), але мій сайт повністю розривається, коли я встановлюю Compass, щоб виплюнути стислий CSS.
Я не впевнений, що це перерви, але я вважаю, що Susy, що стикається з деякими іншими функціями Compass, такі як sprite або base64 inline image functions.
Для того, щоб не вставляти занадто багато коду в цьому питанні, наведемо два посилання, щоб продемонструвати (той самий джерело, що генерується секундами)
Використовуючи output_style =: розширено в config.rb (все працює): http://davidpaulsson.se/expanded/
Використовуючи output_style =: стислий у config.rb (розриви оформлення): http://davidpaulsson.se/compressed/
Я використовую Jekyll для створення статичних файлів, а вихідні файли доступні на Github https://github.com/davidpaulsson/davidpaulsson.se/tree/master/sass
Відповіді:
1 для відповіді № 1Проблема з цим фрагментом коду (_general.scss, рядок 208):
@media screen and (max-width: 769px) {
-webkit-text-size-adjust:none;
}
Тут є CSS-декларація без селектора, яка є недійсною.
SASS повинен був "видати помилку. Можливо, це не вдалося зробити через @media
обгортка, яка нагадує селектор.
Я не впевнений, що це властивість CSS, спробуйте застосувати його html
або *
:
@media screen and (max-width: 769px) {
html {
-webkit-text-size-adjust:none;
}
}