html 中如果一张图超过了屏幕大小如何自动将多出部分影藏只显示中间部分。

Question

html 中如果一张图超过了屏幕大小 如何自动将多出部分影藏 只显示中间部分。当按住ctrl和alt滚动鼠标滑轮。屏幕扩大或者缩小后，图片不会改变宽度。图片显示的宽度只与电脑的屏幕的大小有关

Answer 1

overflow：hidden

Answer 2

首先，允许我反问一下,你的需求是图片大小超过了屏幕的大小，超出部分不显示，然后用户缩放行为不改变“大小”，那么也就也不给显示出来是吗？

那么你需要知道的是DPI以及浏览器缩放检测。

Answer 3

将图片设置成定高全宽元素的背景并居中。

Answer 4

background:url() 50% 50% no-repeat