background

所有设备的移动友好和超级响应


Have a question? Chat Now


云MLM软件捆绑了最新的前端技术,如HTML 5,CSS 3和框架,如引导和初始化。我们正在使用引导网格系统,在所有设备中提供响应。所以它可以在所有的移动屏幕中使用。没有溢出,它将随屏幕调整。

 

当您调整页面大小,或者在智能手机浏览器中更改视图时,软件会调整设备方向和宽度。允许您在屏幕上获得软件的完整体验。

 

软件前端的每一个元素都针对移动设备进行了优化。我们的响应机制使您感觉到它仅适用于您使用的设备,无论哪一种。 

媒体查询

 

云MLM软件捆绑了最新的前端技术,如HTML 5,CSS 3和框架,如引导和初始化。我们正在使用引导网格系统,在所有设备中提供响应。所以它可以在所有的移动屏幕中使用。没有溢出,它将随屏幕调整。

 

当您调整页面大小,或者在智能手机浏览器中更改视图时,软件会调整设备方向和宽度。允许您在屏幕上获得软件的完整体验。

软件前端的每一个元素都针对移动设备进行了优化。我们的响应机制使您感觉到它仅适用于您使用的设备,无论哪一种。

 

    / * ========== Mobile First Method ========== * /
 
    / * Custom,iPhone Retina * /
    @media only screen and(min-width:320px){
 
    }
 
    / *超小型设备,电话* /
    @media only screen and(min-width:480px){
 
    }
 
    / *小型设备,平板电脑* /
    @media only screen and(min-width:768px){
 
    }
 
    / *中型设备,台式机* /
    @media only screen and(min-width:992px){
 
    }
 
    / *大型设备,宽屏幕* /
    @media only screen and(min-width:1200px){
 
    }
 
 
 
    / * ==========非移动优先方法========== * /
 
    / *大型设备,宽屏幕* /
    @media only screen and(max-width:1200px){
 
    }
 
    / *中型设备,台式机* /
    @media only屏幕和(max-width:992px){
 
    }
 
    / *小型设备,平板电脑* /
    @media only screen and(max-width:768px){
 
    }
 
    / *超小型设备,电话* /
    @media only屏幕和(max-width:480px){
 
    }
 
    / * Custom,iPhone Retina * /
    @media only屏幕和(max-width:320px){
 
    }

网格系统

  我们使用bootstrap的网格系统来创建布局和页面,这里是一个用于引导的网格变量的快速列表,每个变量表示屏幕的大小,如果网格可以添加到变量的末尾,则为数字。即xs-1,xs-2,xs-3 .... xs-12。

 

  xs: 0,
  sm:544px,
  //中等屏幕/平板电脑
  md:768px,
  //大屏幕/桌面
  lg:992px,
  //超大屏幕/宽桌面
  xl:1200px

所以,在这里,您的业务的响应式MLM软件可以在任何设备上使用。

如果您想使用云MLM软件的其他响应式设计,那么这也是可能的,我们将为您整合。 


精选的信息中心+模块包括。快速执行。无与伦比的支持!

尝试如果免费