CSS是一門強大的樣式語言，可以讓我們控制網頁中的各種元素，使其更加美觀和易讀。在網頁中，圖片是不可或缺的元素之一。但隨著瀏覽器大小的改變，圖片的位置和尺寸也會改變，有時候我們希望在不同的設備上圖片顯示的位置和尺寸相對不變。那么該如何實現呢？

相對定位是一種常見的方法。相對定位是指相對于元素原來的位置，按照指定的偏移量進行定位。使用相對定位可以讓圖片的位置相對于其父元素保持不變。

img {
position: relative;
left: 20px;
top: 10px;
}

上面的代碼將圖片的定位方式設置為相對定位，然后將其向左偏移20像素，向上偏移10像素。這樣，在不同的設備上，圖片的相對位置會保持不變。

另外，如果我們希望圖片的大小也相對不變，可以使用max-width和max-height屬性來控制圖片的最大寬度和最大高度。

img {
position: relative;
left: 20px;
top: 10px;
max-width: 100%;
max-height: 100%;
}

上面的代碼將圖片的最大寬度和最大高度都設置為100%，這樣圖片的大小也會相對不變。

總之，通過相對定位和控制圖片的最大尺寸，我們可以實現圖片的相對位置和大小不變。這種方法可以讓我們更好地控制網頁布局，同時提高用戶體驗。