给微信内置浏览器一个专用的css,只要用微信访问我的网页,就会选择专用的css样式,代码怎么写?

html-css017

给微信内置浏览器一个专用的css,只要用微信访问我的网页,就会选择专用的css样式,代码怎么写?,第1张

用js判断是不是微信浏览器打开,若是则采用对应css样式;不是就用默认css样式即可;具体代码网上一堆,一搜既有的东西。

<html>

<head>

<!--下面是css文件链接-->

<link href="css/style.css" rel="stylesheet" id="cssLink" />

</head>

<body>

<script type="text/javascript">

var ua = navigator.userAgent.toLowerCase()

var isWeixin = ua.indexOf('micromessenger') != -1

if (!isWeixin) {

var obj=document.getElementById("cssLink")

obj.setAttribute("href","css/css.css")//不是微信使用的css文件

}else{

var obj=document.getElementById("cssLink")

obj.setAttribute("href","css/style.css")//是微信使用的css文件

}

</script>

<!--下面div用来测试-->

<div class="div"></div>

</body>

</html>

1、方法也是非常的简单,只需要在发送的文字中增加部分代码就可以了,增加如下颜色代码就可以了,如下图所示。

2、然后我们可以看到,微信中打出去的字体就变色,可以进行一些对比的,如下图所示。

3、然后就是我们想变什么颜色,可以根据不同的颜色代码来选择,下面就是css颜色代码表,想改变字体颜色,只要复制对应的颜色代码就可以了,如图所示。

4、之后除了调整微信字体颜色之外,还可以调整微信的字体大小,进入微信的设置,如图所示。

5、最后进入微信的设置功能之后,选择“通用”选项,如图所示。进入通用功能之后,就可以设置微信字体的大小了,如图所示。

1.外部链接,放在<head>标签里面,

<LINK rel="stylesheet" type="text/css" href="http://www.dayinmandarin.com/templets/defante/style/z.css">

2.内部嵌入,也是放在<head>标签里面

<style type="text/css" >这里写样式</style>

3.行内式,直接写在标签里面

<p style="color:redfont-size:24px">行内式</p>