官网左上角的小图标和微信浏览器在pc端的表现

一般在官网的顶部的左上角一般有一个小图标,一般都是公司的logo

1、了解ico的功效,能在浏览器标签、地址栏左边和收藏夹栏显示小图标的网站,其网站都是使用了其名称为“favicon.ico”图标文件,格式为ico格式,图标大小一般为1616,3232像素。如果要让网站看起来更专业、更美、更有个性,制作和使用“favicon.ico”文件是必不可少的。
2、制作ico,制作ico格式小图标的方法有很多,可以使用photoshop、fireworks等这样的软件来制作。(网上也有很多的在线制作的网站)
3、使用ico

<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="shortcut  icon" type="image/x-icon" href="favicon.ico" media="screen"  />

现在一些官网的项目,在开发的时候都立求简单,但至少也要匹配所有的浏览器对吧

微信浏览器就是有一个比较明显的问题,pc端有部分网站的js文件不可以加载,这里就只能用静态页面来解决问题了
1、了解微信浏览器的内核, X5内核是腾讯基于开源Webkit优化的浏览器渲染引擎,目前除了微信、手机QQ、京东等有30多款APP内置浏览器都是基于X5内核。
2、目前可知的有css的兼容问题

1、flex布局在 iphone6 plus的手机时,无法生效。解决: display: -webkit-flex;
2、vh单位,vw单位 。

js不执行
微信提供的web开发者工具中具有调试功能,但是不调试工具中调试的只能是移动端的,所有的问题在调试工具中都能执行,
解决方案:由静态的html页面代替点击效果尽量由css的hover等伪元素代替

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值