web前端移动端设置2倍图与3倍图的方法

作者: 阿克兰 | 来源:发表于2019-06-14 15:21 被阅读0次

移动端
web前端移动端设置2倍图与3倍图的方法
HTML基础
文集
一张图掌握移动Web前端所有技术（大前端、工程化、预编译、自动化
给移动端web开发设置viewport
web前端—day1.1—html基础
00-前端简要介绍
Htmlde 介绍
设计师如何给网页设计图命名编号

scss中设置变量$url

@mixin bg-image($url) {
    background-image: url($url+"@2x.png");
    @media (-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio:3){
        background-image: url($url+"@3x.png");
    }  
}

在需要的时候引入

<style lang="scss">
    @import "./common/scss/mixin.scss";
     .brand{
                     width: 30px;
                     height: 18px;
                     display: inline-block;
                     @include  bg-image('brand')
                 }

</style>

移动端
app Web App Hybird App 移动端页面设计图测试移动端的设置移动端的布局弹性 fl...
web前端移动端设置2倍图与3倍图的方法
scss中设置变量$url 在需要的时候引入
HTML基础
新的征程 web前端介绍 web前端开发做什么 pc端web开发；移动端web开发；混合app开发；网页游戏/移动...
文集
若web前端到达了瓶颈，如何冲出重围? 移动端汇总腾讯移动web知识库移动前端开发指南移动端上遇到的各种坑移动端...
一张图掌握移动Web前端所有技术（大前端、工程化、预编译、自动化
你要的移动web前端都在这里！大前端方向：移动Web前端、Native客户端、Node.js、大前端框架：Re...
给移动端web开发设置viewport
给移动端web开发设置viewport
web前端—day1.1—html基础
1. windows电脑常用快捷键 2. web前端简单介绍 web 前端包含：pc端页面和移动端页面前端就是将...
00-前端简要介绍
一、认识前端前端就是将效果图生成网页，利用html+css+js等技术； PC端、移动端；用户体验。二、认识...
Htmlde 介绍
1.认识前端 1.1前端就是将效果图生成网页，利用HTML+css+js等技术。 1.2Pc端移动端 1.3用户...
设计师如何给网页设计图命名编号
一般来说移动端或web端设计图交付形式都是上传到蓝湖或摹客，以链接的形式交付产品跟前端，沟通效率高且修改更新方便。...