具体代码如下所示:
//设置根元素字体
var
win
=
window,
doc
=
document
function
setFontSize()
{
var
winWidth
=
$(window).width()
//750这个数字是根据你的设计图的实际大小来的,所以值具体根据设计图的大小
var
size
=
(winWidth
/
750)
*
100
doc.documentElement.style.fontSize
=
(size
<
100
?
size
:
100)
+
'px'
}
//这里我们给个定时器来实现页面加载完毕再进行字体设置
setTimeout(function()
{
//初始化
setFontSize()
},
100)
以上所述是小编给大家介绍的Js动态设置rem来实现移动端字体的自适应代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
hbuilder只是开发工具!!!!运行是容器的事情,比如tomcat
hbuilder是开发html、js、css比较好的ide
导入的css样式和js样式能识别,而且你可以格式化代码
先在你的 CSS 中定义 #box 为隐藏
#box {display: none}
然后在 Javascript 中
window.onload = function() {
// 如果访问者分辨率大于等于 1280
if(screen.width >= 1280) {
// 显示 #box
document.getElementById("box").style.display = "block"
}
}
-------------------------
你也可以把下面的代码加入,作用是当用户改变窗口大小的时候,如果窗口小于 1280 就隐藏,反之显示。这样当窗口过小的时候 #box 不会遮挡正文内容。
window.onresize = function() {
if(window.innerWidth >= 1280) {
document.getElementById("box").style.display = "block"
}
else {
document.getElementById("box").style.display = "none"
}
}