Question

怎样在CSS里根据显示器分辨率调整大小以px为单位的图片宽度？

在外链的CSS文件里比如有个图片现在是width=1250px，但在分辨率1600x900以上的显示器里才正常，如果想让显示器分辨率宽度小于1600的计算机访问网页时图片宽度变为1000px，该如何操作？谢谢

Answer 1

你说的这个叫媒体查询，是CSS3里面的概念。

通过媒体查询，可以根据不同的屏幕分辨率使用不同的显示策略。

媒体查询的使用方式如下：

@media (min-width:800px) and (max-width:1200px) { ... }

即：屏幕分辨率大于800，小于1200的使用这个策略。

这样就可以根据不同的屏幕分辨率在css样式里设置图片的宽度了。

Answer 2

思路

通过js判断屏幕的分辨率 调取不同的css样式 当然 图片规格和css你的要弄几份便于js脚本识别

至于代码网上找找就有 不用自己去写 当然 你也可以自己琢磨! 你应该明白我说什么吧