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="stylecss">

<link rel="stylesheet" type="text/css" media="screen and (min-width: 414px)" href="stylecss" >

非用js的话 就是先用js获取网页可见宽度：documentbodyclientWidth （其他宽度及jquery方法可见：>

windowopen("XXX","_blank","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=4000, height=4000")

直接调用即可,参数可根据实际情况选择,具体可选参数如下:

windowopen d出新窗口的命令；

'pagehtml' d出窗口的文件名；

'newwindow' d出窗口的名字（不是文件名），非必须，可用空''代替；

height=100 窗口高度；

width=400 窗口宽度；

top=0 窗口距离屏幕上方的象素值；

left=0 窗口距离屏幕左侧的象素值；

toolbar=no 是否显示工具栏，yes为显示；

menubar，scrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小，yes为允许；

location=no 是否显示地址栏，yes为允许；

status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

少用 JS 多用 CSS, 提升运行效率 另外 resize 事件当用鼠标拖放窗口大小时, 触发非常频繁, 谨慎使用

建议 body 下 布局一个 DIV, 这个DIV 的 CSS 可以这样处理:

    position: absolute;

    left:0px;

    right:0px;

    top:0px;

    bottom:0px;

    overflow:auto;

}

然后再在这个 div中进行布局, 子div可以用 100%相对布局, 页面宽度就自动撑开了

另外一种常用布局是用 table 设置宽度为100%进行布局, 不过有很多局限, 用的少了

以上就是关于JS如何根据屏幕大小调用不同CSS样式，分别是320.414.900.1400的屏全部的内容，包括:JS如何根据屏幕大小调用不同CSS样式，分别是320.414.900.1400的屏、jquery如何实现浏览器全屏、javascript jquery： window.open如何全屏(类似F11)等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！