正文
JavaScript分屏,html分屏
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
JS如何根据屏幕大小调用不同CSS样式，分别是320.414.900.1400的屏
不可以在css里用@media (max-width:330px){}么？比如
@media (max-width:320px){}
@media (max-width:414px){}
@media (max-width:900px){}
也可以在link里指定：
link rel="stylesheet" type="text/css" media="screen and (max-width: 900px)" href="style.css"
link rel="stylesheet" type="text/css" media="screen and (min-width: 414px)" href="style.css"
非用js的话 就是先用js获取网页可见宽度：document.body.clientWidth （其他宽度及jquery方法可见： ）
比如：
if(document.body.clientWidth900document.body.clientWidt414)
{
document.getElementById("ID").className="class1";
}
html代码：div id="ID"此处为屏幕宽度为414与900之间的展示样式div
这样就可以根据不同的屏幕大小给对应的div添加不同的样式了。
但是用js有一个缺点就是如果你在1400屏幕添加对应的class之后，如果你此时缩小窗口，样式依然还是1400的，除非重新刷新页面。因为js只能执行一次，不能即时刷新渲染页面。除非之前再加一个条件判断屏幕是否变化。
建议还是用前两种方法
相关问答
Q1: js 分屏滚动点击链接滚动到某一屏
您好！具体代码如下，兼容各浏览器，其中scrollTop 为当前页面到顶部的距离，document.body.offsetHeight为整个页面的高度，document.documentElement.clientHeight为当前屏幕的高度，有不明白的可以问我，希望我的回答能帮到您！
!DOCTYPE html
html
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title /title
style
body{margin:0;height:2000px;}
div{height:500px;width:500px;background:#f00;margin:0 auto;}
/style
script
window.onscroll=function(){
var scrollTop = document.documentElement.scrollTop||document.body.scrollTop;
if(scrollTop=document.body.offsetHeight-document.documentElement.clientHeight)
{
document.getElementById("div1").style.display="none";
alert("去看看是不是DIV不见了");
}
}
/script
/head
body
div id="div1"
this is a div
/div
/body
/html
Q2: 苹果手机14系统有什么功能
方法/步骤
1
新增了列表排列显示功能。大家可以根据自身需要选择这个功能，非常适合大屏手机使用。
2
IOS14系统支持苹果手机或者是iPad使用键盘或者是鼠标进行操作。可以说能够大大提高人们的工作效率。
3
在iOS14系统，支付宝加入Apple Pay。大家只要打开苹果手机的相机，就能够轻松扫描一下付款码完成付款动作了。
iOS14都有哪些新功能？
4
通话弹窗显示功能。这个功能非常适合喜欢用苹果手机玩游戏的朋友们。如果自己在玩游戏的过程当中，突然来了电话就会以弹窗的形式在屏幕一侧显示通话内容了。
iOS14都有哪些新功能？
5
IOS14系统支持壁纸切换功能。大家再也不用为千篇一律的苹果手机壁纸而苦恼了。
iOS14都有哪些新功能？
6
新增短信撤回功能。虽然现在大家用短信的机会比较少，但是呢很多人都是喜欢用imessage的。所以同样这个功能也是不错的。
iOS14都有哪些新功能？
END
总结
总结：
1、新增了列表排列显示功能。大家可以根据自身需要选择这个功能，非常适合大屏手机使用。
2、IOS14系统支持苹果手机或者是iPad使用键盘或者是鼠标进行操作。可以说能够大大提高人们的工作效率。
3、在iOS14系统，支付宝加入Apple Pay。大家只要打开苹果手机的相机，就能够轻松扫描一下付款码完成付款动作了。
4、通话弹窗显示功能。这个功能非常适合喜欢用苹果手机玩游戏的朋友们。如果自己在玩游戏的过程当中，突然来了电话就会以弹窗的形式在屏幕一侧显示通话内容了。
5、IOS14系统支持壁纸切换功能。大家再也不用为千篇一律的苹果手机壁纸而苦恼了。
6、新增短信撤回功能。虽然现在大家用短信的机会比较少，但是呢很多人都是喜欢用imessage的。所以同样这个功能也是不错的。
Q3: CSS中如何实现分屏，或者点开一个网页时打开两个网页
css不行，使用JavaScript的open方法即可
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title无标题文档/title
script type="text/javascript"
function change(){
var sw=window.screen.width;
var sh=window.screen.height;
window.open('','newWin1','width='+sw/2+',height='+sh+',screenX=0,screenY=0');
window.open('','newWin2','width='+sw/2+',height='+sh+',screenX='+sw/2+',screenY=0');
}
/script
/head
body
a href="###" onclick="change()"ddddd/a
/body
/html
