Retina 背景画像用のシンプルな LESS スタイルシートがありますが、最終的にはドメイン名が URL の先頭に追加され、画像を表示できません。
例: URL が に変更さhttp://mydomain.com/'_img/background@2x.jpg'
れ、そこに ' があるため表示されません。どうすればそのようなことを防ぐことができますか?
.at2x(@path, @w: auto, @h: auto) {
background-image: url(@path);
@at2x_path: ~`"@{path}".split('.').slice(0, "@{path}".split('.').length - 1).join(".") + "@2x" + "." + "@{path}".split('.')["@{path}".split('.').length - 1]`;
@media all and (-webkit-min-device-pixel-ratio : 1.5) {
background-image: url("at2x_path);
background-size: @w @h;
}
}
html {
.at2x('_img/background.jpg', 1440px, 900px);
}