Javascript 如果检测到移动用户，如何使表格文本变小？

我的JS：

window.onload=function（）{
if（/Android | webOS | iPhone | windowsphone/i.test（this.navigator.userAgent））{
document.getElementById（'datatable'）.style.fontSize=“10px”；
}否则{
document.getElementById（'datatable'）.style.fontSize=“20px”；
}
}

HTML:

...

请注意：目前没有影响类“TFtable”的字体大小样式。

从一个出色的答案来看，以下是解决方案

if (typeof window.orientation !== 'undefined') {
    document.getElementById('datatable').style.fontSize = "10px";
}else {
    document.getElementById('datatable').style.fontSize = "20px";
}

正如您所要求的，仅适用于iPhone

这是你能做的

var iOS = !!navigator.platform && /iPhone/.test(navigator.platform);

使用此iOS变量，iOS将是布尔值。

if（$（窗口）.width（）<900）{
if ($(window).width() < 900) {
   document.getElementById('datatable').style.fontSize = "10px";
}
else{
        document.getElementById('datatable').style.fontSize = "20px";

}


document.getElementById（'datatable'）.style.fontSize=“10px”；
}
否则{
document.getElementById（'datatable'）.style.fontSize=“20px”；
}

您可以使用CSS媒体查询以视口小于600px的设备为目标

@仅媒体屏幕和（最大宽度：600px）{
表1.TFtable{
字体大小：/*您的较小字体大小*/；
}
}

你为什么不处理媒体查询？但请记住，这也会让所有手机和iPad都感到高兴，每台使用定向的设备都有办法检测iPhone？如果要求只在移动设备上更改字体，那么CSS选项是最好的，正如kaleidawave所回答的，它可以在所有设备上工作，但是如果你只想用iPhone做一些事情，那就不行了。最后，一个正确的答案