在dreamweaver cc中编辑fluidLayouts.css以获得图像宽度和高度

我试图在fluidLayouts.css文件中为流体布局设置图像宽度和高度，为此我通过dreamweaver cc构建了一个RWD网站

现在图像宽度已被测量（以百分比表示），如何设置适合移动设备、选项卡和桌面的图像高度？我的意思是，我应该设置像素或百分比的高度，以便适合移动设备、选项卡和桌面上的任何图像

---

等待答复，谢谢。

请尝试以下标准设备的媒体查询-

 /* Smartphones (portrait and landscape) ----------- */ 
 @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Styles */ }


 /* Smartphones (landscape) ----------- */ 
 @media only screen and (min-width : 321px) { /* Styles */ }


 /* Smartphones (portrait) ----------- */ 
 @media only screen and (max-width : 320px) { /* Styles */ }


 /* iPads (portrait and landscape) ----------- */ 
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* Styles */ }


 /* iPads (landscape) ----------- */ 
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /* Styles */ }


 /* iPads (portrait) ----------- */ 
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { /* Styles */ }


 /* Desktops and laptops ----------- */ 
 @media only screen and (min-width : 1224px) { /* Styles */ }


 /* Large screens ----------- */ 
 @media only screen and (min-width : 1824px) { /* Styles */ }


 /* iPhone 4 ----------- */ 
 @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { /* Styles */ }

---

您可以根据设备编写css代码。

但是任何图像的“高度”如何？如何显示？@Sharath designer不需要设置高度，您可以设置

height:auto。只是设置宽度，高度将自动考虑宽度。Suthar：我忘了提到，我尝试设置一个高度的背景图像。我猜高度：自动；这一个不行……还有别的办法吗？我甚至试过：背景大小：100%100%；但是高度会挤压。试试这个-
body{background:url（background image.jpg）中心盖没有重复固定；}