H5页面移动端适配且要根据UI设计图给出的单位出图方法总结

代码已上传至github
github代码地址:https://github.com/Miofly/mio.git

由于新公司要求用原生html写一些项目,之前是写vue的,对于原生的操作也不是很熟了,所以就直接嵌入vue,js。

但又要完全按照UI的设计图还原代码,所以必须要完全适配移动端。以下是方法总结。




    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

以上的meta有些我也不知道是干嘛的。反正就直接当做模板用了
 

   Title
    
    
    
    
    
    
    
    

上面的css是我自己封装的一些

下面是移动端适配的方法,根据设计图大小如果是375px的设计图就不用变,如果是750的就需把下面的375都替换成750
  

 

这里我会给body中的文字一个默认大小

下面就可以按照vue的形式去写html的代码了

 
             

 

你可能感兴趣的:(H5页面移动端适配且要根据UI设计图给出的单位出图方法总结)