<commit_before># viewportREM
手机适配响应式处理,通过viewport及rem处理,实现手机设计稿的完美还原.

使用方法: 

1. 页面引入 viewportREM.js ;
2. 初始化 viewportREM(); 
   注意: 避免页面会有闪现, 需要在 <head></head> 标签里面的script 初始化. 
3. 转换设计稿;
   如果你的设计稿是1080,那就要转成540 再去量元素的尺寸,比方你量到一个 图片的大小是 宽度500px * 高度300px, 那么就要设置元素的样式为 width:5rem;height:3rem;
   
   这样你的页面才能在不同的手机保持一致的比例.完美还原设计稿.<commit_msg>增加单位转换注意事项<commit_after># viewportREM

手机适配响应式处理,通过REM特性,动态计算不同手机分辨率的字体大小值,实现手机设计稿的完美还原.

使用方法: 

1. 页面引入 viewportREM.js ;
2. 初始化 viewportREM(); 
   注意: 避免页面会有闪现, 需要在 <head></head> 标签里面的script 初始化. 
3. 转换设计稿;
   如果你的设计稿是1080,那就要转成540 再去量元素的尺寸,比方你量到一个 图片的大小是 宽度500px * 高度300px, 那么就要设置元素的样式为 width:5rem;height:3rem;
   
   这样你的页面才能在不同的手机保持一致的比例.完美还原设计稿.

注意事项:

1. rem值 = 540/100 rem , 540为设计稿的宽度. 
2. 页面的元素如果需要根据分辨率动态调整,则需要设置对应元素的宽高为rem单位, 宽度100%则不用写,默认便是.
3. 页面中的边框如果是1px, 则不需要转为rem单位, 如果元素太小在不同分辨率会不出现边框, 所以这里还是建议设置为1px;
{'fraction_non_alphanumeric': 0.10173410404624278, 'fraction_numerical': 0.06127167630057803, 'mean_word_length': 5.4148148148148145, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6129594', 'n_tokens_mistral': 690, 'n_tokens_neox': 735, 'n_words': 65}