当屏幕分辨率大于正常值时,如何在网站上显示其他内容?

时间:2014-05-05 17:57:52

标签: web resolution

Hy guys。我想问你是否有任何代码可以帮助我在屏幕分辨率更大时创建内容。我在谈论网站。
我有两张图片显示了我想说的内容

  1. 此图片显示了屏幕(显示器)分辨率正常时网页的外观:
  2. [第一张图片的链接] http://prntscr.com/3ghd1n

    1. 第二张图片显示了当屏幕分辨率大于正常时网页应该是什么样子。出现了新的少量新“div-s”。
    2. [第二张图片的链接] http://prntscr.com/3ghdst

1 个答案:

答案 0 :(得分:0)

你应该看看CSS3媒体查询。还有其他使用脚本的编程方法,但MQ非常简单。

http://css-tricks.com/css-media-queries/

这是一个很好的起点。您的搜索词组将是'媒体查询'用于谷歌的其他研究。基本上,媒体查询允许您指定样式,例如' display'取决于屏幕尺寸。您可以简单地显示或隐藏,或根据客户端是分辨率还是非常小的分辨率移动。