与屏幕宽度相关的主要问题是很难创建在所有设备上看起来都不错的布局。 例如,如果您想要在台式机上看起来不错的布局,它在手机或平板电脑上可能看起来不太好。
is less than 768px if (screen.width < 768) { // do something }
此代码检查屏幕宽度是否小于 768px。 如果是,那么它将执行花括号内的代码。
JavaScript 屏幕属性
在 JavaScript 中,屏幕属性用于获取有关当前屏幕的信息。 可以使用 window.screen 属性访问屏幕属性。 下表列出了 JavaScript 中最常见的屏幕属性。
画面属性说明
window.screen.width 当前屏幕的宽度(以像素为单位)。
window.screen.height 当前屏幕的高度(以像素为单位)。
window.screen.depth 当前屏幕的深度(以像素为单位)(0 = 表面,1 = 位图)。
使用 JavaScript 的屏幕类型
屏幕类型是javascript。