移动端网页使用flexible.js加入百度联盟广告样式不一致问题解决

flexible.js是淘宝推出的一款移动端手机自适应的库,源码内容很简洁,当网页使用了该库之后,页面会在head中加入对应的页面响应式的meta标签。

当使用flexible.js的时候,引入百度联盟的广告代码,会发现广告的文字会异常小,因为本身自己项目文字字号是根据data-dpr来响应式判断显示不同大小的,而百度联盟广告的直接按默认那像素显示。经过层层试验发现,字体显示大小和页面缩放比例有关系,这里需要修改一下flexible.js的源码,如图

如图,把原来的scale=1/dpr改为scale=1,发现页面中字体大小显示等都没有影响,但是百度联盟的广告文字可以正常显示了。

如果页面没有使用flexible.js,使用了我以前文章写过的一段移动端自适应代码,这里把750按逻辑像素414 写就可以正常展示。

原文地址:https://www.cnblogs.com/beileixinqing/p/8379161.html

时间: 2024-07-30 12:42:56

移动端网页使用flexible.js加入百度联盟广告样式不一致问题解决的相关文章

百度联盟广告如何理解按父容器宽度

创建百度联盟广告位的时候,选择按父容器宽度展示,但是在加入之后,查看代码发现广告的宽度为页面的宽度,并不是希望的父级的宽度, 如图在这里查看: 解析:百度联盟广告自动生成的div按父级的div宽度来自适应,如果父级是一个包含padding的div,则父级的宽度为padding+本身的宽,然而,我们希望百度的广告所占的宽度仅仅为父级本身的宽,所以此时需要给默认创建的加广告的div外面包一个div,该div默认宽度即为父级的本身的宽,则百度联盟的广告可以正常显示,如在vue中加入百度联盟广告时,代码

vue如何加入百度联盟广告

在百度联盟代码位管理中创建好对应的代码位之后,点击获取代码,会看到这样一段js 直接复制粘贴到自己网页中便可显示对应广告. 在vue中由于都是vue组件,不支持直接在组件中加入这样一段一段的js代码,我们采用如下方法: 1.首先在index.html中引入生成的代码中的js, 2.在vue组件中在想要显示广告位代码的地方写一个 <div id="ad_1"></div> 3.在对应的组件的mounted钩子中加入以下函数: //悬浮样式 (window.slot

cocos2d-x学习笔记(五)接入百度联盟广告(Android横幅和插屏广告)

用cocos2d-x 3.4 开发了个小游戏,然后成功的接入百度联盟的广告,很多初学者也希望在自己开发的游戏接入广告盈利,所以我就以百度联盟的横幅和插屏广告为例,根据自己接入的步骤做个总结,希望对有需要的开发者有所帮助. 一.百度SDK包导入与权限的配置 1.导入jar包 下载百度联盟android版的SDK包,我下载的文件名Baidu_Union_SDK_Android.zip,解压后文件夹里面有个jar包Baidu_MobAds_SDK.jar,将该jar包复制到你工程的libs目录下(如果

百度联盟广告被封 贴吧已经炸开锅

http://t.qq.com/nanjingxia7551 http://t.qq.com/p/t/466214001064098 http://t.qq.com/lishuixiaojiebao http://t.qq.com/p/t/441720100016863 http://t.qq.com/wuxixiaojiebaoye http://t.qq.com/p/t/457708060557722 http://t.qq.com/jiangyinxi1705 http://t.qq.co

移动端适配--flexible.js

引言: H5适配一直是一个比较普遍的问题,很多文章都会讲,最近开发了一个H5的项目使用了一下淘宝的 flexible.js,写一篇文章自己总结一下. 一.背景介绍: Flexible.js是淘宝公开的一种移动端适配方案,用来解决H5开发中的各个机型适配问题,是一种比较成熟的适配方案. 二.使用方法: 在html头部引入flexible.js,最好放在最头部,重构时使用rem替代px像素即可,flexible会做好所有适配.换算关系为1rem对应1/10设计尺寸,如ipone6设计尺寸为750px

创建移动端网页百度联盟广告位详细教程

如图: 打开百度联盟后台,进入合作管理,代码位管理,可以创建代码位,下面展示的是已经创建好的代码位. 创建代码位 如果是只想展示图文形式的广告,则在样式设置中勾选图文广告,其他取消勾选 创建好的图文广告样式如图: 如果想要设置在新闻图片列表中偶尔插入一个广告位的形式,可以选择自定义比例: 应该只有20:6以上的比例才可以设置特色样式,选择股东图片数,启用,填充行数和列数即是一行显示几个广告,一共显示几行,如果只想显示一个,则可以这里设置1,1 ,并切记选择按父容器宽度. 实现效果如图: 信息流以

移动端网页开发三(纠结适配的那些年)

前面两篇文章介绍了移动端网页开发所要具备的基础知识. 今天着重来讲解移动端的适配方案. 做PC端页面的工程师聊的最多的是兼容,这是因为浏览器之间的差异引起的.而移动端基本是没有兼容问题的,全是css3,简直不要太开心. 但是最明显的是适配问题. 什么是适配呢?做PC页面的时候,我们按照设计图的尺寸来就好,这个侧边栏200px,那个按钮50px.可是,当我们开始做移动端页面的时候,设计师给了一份640px的设计图.那么我们如何把这份设计图实现在各个手机上的过程就是适配. 我所接触过的适配方法,目前

Java企业微信开发_09_身份验证之移动端网页授权(有完整项目源码)

注: 源码已上传github: https://github.com/shirayner/WeiXin_QiYe_Demo 一.本节要点 1.1 授权回调域(可信域名) 在开始使用网页授权之前,需要先设置一下授权回调域.这里瞬间想到之前做JSSDK的时候,也设置过一个域名.二者本质上都是设置可信域名. 当用户授权完毕之后,请求将重定向到此域名(或者子域名)下的执行者(jsp页面或者servlet等).如何设置授权回调域,请见第二节. 1.2 获取Code https://open.weixin.

解决了网页提交servlet后,百度地图标记被覆盖问题。

这一段时间,在做一个起重机的网页管理系统.调用了百度地图API后,发现jsp页面提交给servlet后,可以得到起重机坐标的经纬度,但不能显示地图标记! 原来以为是页面的css样式和百度传过来的css样式产生冲突,经过测试(把提交给servlet的动作取消)发现,css样式并无问题.后经过仔细一想,原来是这样的: 一个提交按钮上有包含了两个动作  1:执行js代码,百度地图标记的标定2:提交给servlet,获取数据库的信息.然后,问题出现了,servlet处理后整个页面刷新,把原来的js执行的