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

Question

我希望将屏幕宽度作为简单if语句的变量。基本上如果屏幕是> 768它将显示正常的网站。如果它是＆lt; 768比显示更紧凑的版本。这只是ipad解决方案的一个小修复。我知道如何获取信息后如何更新网页，我该如何获取值？

Answer 1

使用javascript .. 有一个名为

的属性

.screenwidth（）

这是一个链接：

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

Answer 2

您可以使用CSS媒体查询：

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

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

Answer 3

您需要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*/
   }


}