通过CSS media查询,您可以使用max-device-width来定位设备宽度(比如iPhone或安卓设备)和/或定位页面宽度的max-width。如果您使用max-device-width,当您更改桌面上浏览器窗口的大小时,CSS将不会更改,因为您的桌面不会更改大小。这是我在生产网站上使用的媒体查询的一个示例:
@media only screen and (min-device-width: 320px) and (max-device</e
当谈到使用媒体查询时,我看到max-width和max-device-width经常被用来定位“小屏幕”设备或智能手机,但为什么不使用媒体查询来解决问题呢?允许我针对一些智能手机编写CSS,比如Galaxy S Glide SGH I927R,它有480x800像素,4英寸(~233ppi像素密度)
相反,我将不得不使用@media screen and (max-device-width: 480px) and (orientation: portrait)和@media screen and (max