获取屏幕宽度作为调整大小的变量

【问题标题】：Getting screen width as a variable for resizing获取屏幕宽度作为调整大小的变量
【发布时间】：2013-09-13 10:53:03
【问题描述】：

我想将屏幕宽度作为一个简单 if 语句的变量。基本上如果屏幕> 768，它将显示正常的网站。如果它

【问题讨论】：

标签： css resize width screen

【解决方案1】：

使用 javascript.. 有一个属性叫

.screenwidth()

这是一个链接：

http://www.w3schools.com/jsref/prop_screen_width.asp

【讨论】：

【解决方案2】：

您需要 CSS3 媒体查询

http://www.w3.org/TR/css3-mediaqueries/

http://webdesignerwall.com/tutorials/css3-media-queries

/* Any CSS for bigger screens / default CSS goes outside the brackets */

div {
    /*here*/ 
}

p {
    /*or here*/
}

@media screen and (max-width: 768px) {

   /*css specific to small screens under 768px width here*/

   div {
       /*here*/ 
   }

   p {
       /*or here*/
   }


}

【讨论】：

【解决方案3】：

您可以使用 CSS 媒体查询：

@media all and (max-width: 768px) {
  body {
    background: #ccc;
  }
}

进一步阅读： http://css-tricks.com/css-media-queries/

【讨论】：