当前位置: 首页 > news >正文

信阳电子商务平台网站建设自己怎么做游戏推广赚钱

信阳电子商务平台网站建设,自己怎么做游戏推广赚钱,Md5(Wordpress)解密,老干支部网站建设方案一、自适应布局 所谓前端适配,就是为了让移动设计稿在大部分的移动设备上看起来有一致的展示效果,目前比较流行的方法有两种。一种是强制meta viewport宽度为设计稿宽度,一种是使用rem自适应布局的flexible.js。 二、当前流行的移动端自适应…

一、自适应布局

所谓前端适配,就是为了让移动设计稿在大部分的移动设备上看起来有一致的展示效果,目前比较流行的方法有两种。一种是强制meta viewport宽度为设计稿宽度,一种是使用rem自适应布局的flexible.js。

二、当前流行的移动端自适应方案:rem + 淘宝无限适配

2.1、rem布局

rem是css中的单位,而且是相对单位,rem单位是基于html中根元素的字体大小。(因此我们只需要动态改变根元素的字体大小从而达到自适应的目的)

2.2、淘宝无线适配

根据屏幕宽度划分成十等分,其中一份的宽度就是根元素字体的大小

//meta视口标签
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

2.3、flexible.js源码

  var docEl = document.documentElementvar dpr = window.devicePixelRatio || 1// adjust body font sizefunction setBodyFontSize () {if (document.body) {document.body.style.fontSize = (12 * dpr) + 'px'}else {document.addEventListener('DOMContentLoaded', setBodyFontSize)}}setBodyFontSize();// set 1rem = viewWidth / 10function setRemUnit () {var rem = docEl.clientWidth / 10docEl.style.fontSize = rem + 'px'}setRemUnit()// reset rem unit on page resizewindow.addEventListener('resize', setRemUnit)window.addEventListener('pageshow', function (e) {if (e.persisted) {setRemUnit()}})// detect 0.5px supportsif (dpr >= 2) {var fakeBody = document.createElement('body')var testElement = document.createElement('div')testElement.style.border = '.5px solid transparent'fakeBody.appendChild(testElement)docEl.appendChild(fakeBody)if (testElement.offsetHeight === 1) {docEl.classList.add('hairlines')}docEl.removeChild(fakeBody)}
}(window, document))

2.4、VSCode自动将px转化为rem

1.下载插件cssrem
2.vscode中打开文件 ==>首选项 ==>设置 ==>扩展 ==>cssrem.configuration ==>Root-font-size

三、小程序自适应之rpx自适应

rpx是微信小程序独有的css单位
以1rpx为基础单位
rpx (responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为 750rpx 。

如在iPhone6 上,屏幕宽度为 375px ,共有750个物理像素,则 750rpx = 375px = 750物理像素 , 1rpx = 0.5px = 1物理像素 。
在这里插入图片描述

使用步骤:

  1. 确定设计稿宽度 pageWidth
  2. 计算比例 750rpx = pageWidth px ,因此 1px=750rpx/pageWidth 。
  3. 在less文件中,只要把设计稿中的px=>750/pageWidth rpx 即可(将px单位替换即可,其余数字再乘即可)。

💕原创不易,还希望各位大佬支持一下\textcolor{blue}{原创不易,还希望各位大佬支持一下}原创不易,还希望各位大佬支持一下

👍 点赞,你的认可是我创作的动力!\textcolor{orange}{点赞,你的认可是我创作的动力!}点赞,你的认可是我创作的动力!

收藏,你的青睐是我努力的方向!\textcolor{red}{收藏,你的青睐是我努力的方向!}收藏,你的青睐是我努力的方向!

🥕 评论,你的意见是我进步的财富!\textcolor{green}{评论,你的意见是我进步的财富!}评论,你的意见是我进步的财富!

http://www.yidumall.com/news/34856.html

相关文章:

  • 前端可以做网站吗国际新闻最新消息今天 新闻
  • 上海个人网站建设域名注册管理中心网站
  • 网站建设方案批发网络促销方案
  • 喷泉网站哪里做线上宣传有哪些好的方式方法
  • 常州经开区建设局网站济南seo整站优化厂家
  • 自己做的网站怎么给别人访问app推广刷量
  • 刚上线的网站百度营销客户端
  • 视频 收费 网站怎么做网站的seo如何优化
  • 怎么做网站建设销售手机网站模板免费下载
  • 专业网站制作公司排行南京关键词seo公司
  • wordpress+html5播放优酷谷歌广告优化师
  • 网站首页设计公司百度查一下
  • 濮阳做网站优化seo外包资讯
  • 个人网站备案 导航google引擎入口
  • 网站seo 教程电商关键词查询工具
  • b2b免费发布网站大全官网内蒙古seo
  • 做图素材网站哪个好竞价推广账户竞价托管收费
  • 信阳网站建设上海牛巨微seo关键词优化
  • html网站地图生成工具柳州网站建设
  • 人工智能设计系统公司吉林网络seo
  • 网站项目需求大金seo
  • 西安商城网站开发佛山网站优化服务
  • 网站建设收费标准成都比较靠谱的seo
  • 做课件的网站有哪些外贸网站免费推广
  • 装潢北京网站优化对策
  • 做数模必逛的网站微信小程序开发零基础入门
  • 提供手机网站怎么做海淀网站建设公司
  • wordpress文章无法发布seo优化与sem推广有什么关系
  • 网站建设吴中区网站查找工具
  • 免费注册购物网站营销顾问