Question

如何用CSS或jquery让图片在高度上适应屏幕高度（下面还有要求）

如何用CSS或jquery让图片在高度上适应屏幕高度，并且定位在屏幕中间，因为希望屏幕变窄，显示的也是图片中间的部分

Answer 1

首先我想知道你这个图片的大小是固定的还是不固定的，我的意思是：是不是一直都是100*100或者200*200的，还是说有时候是100*100有时候是200*200的？如果是确定大小的情况下那就简单了，就是用浮动定位（fixed）然后left/top的值为50%； margin的上和左的值设置为【-(图片宽高的一半)】,如果是大小不固定的话那就只能用js了

追问

打开网页后固定的，只是不同尺寸的屏幕，高度能自适应窗口高度。

追答

我问的是你图片大小是固定的吗，没问你显示器的分辨率

追问

那你要这样问的话，那就是不固定的，不固定的不能用css或者jquery实现吗？

追答

可以用js实现，但是css肯定不行。我给你说一个思路，具体的代码你自己去写吧，获取浏览器的宽高和img的宽高然后相减/2，然后用定位将他定位到浏览器的中间的部分，用到的事件是resize()，width()，height()，css()，具体的代码你自己百度一下，思路能领会了就可以了。
说明：(浏览器的宽度-图片的宽度)除以2就是图片距离浏览器左侧或者右侧的位置，定位的时候这个值就是left值，top同理