Show content based on width?

时间:2013-03-15 作者:Mikael

是否可以根据页面/屏幕的宽度显示内容?

我只想在页面全宽显示时显示部分页眉和页脚,然后在较小的屏幕/手机/键盘上使用时将其删除。

最好的办法是能够使用响应性主题,并且上面和下面的区域只有在使用“全屏”=1000px时才会显示。


[仅当宽度为1000+PX时显示固定区域]

响应性主题

[仅当宽度为1000+像素时显示固定区域]

向你问好,米凯尔

1 个回复
SO网友:revo

正如您所说,让零件响应是您可以选择的最佳方式。使用screen width 是客户端的事情CSS 或者由Javascript.

如果与css相关,media queries 将执行以下操作:http://www.ibm.com/developerworks/library/wa-cssqueries/index.html

如果是js,width 的属性screen 对象执行以下操作:http://www.w3schools.com/jsref/prop_screen_width.asp

结束

相关推荐