簡體   English   中英

如何在不同設備上使用不同分辨率的圖像?

[英]how to use images on different devices on different resolution?

我正在使用phonegap制作iphone應用程序。 我不確定如何正確使用圖像來支持不同設備(iphone,ipad)上的所有不同分辨率。 我用谷歌搜索了一些,並指出我應該為不同的屏幕使用不同的css文件。 我真的希望應該有一個更簡單的方法。

TIA

使用CSS3媒體查詢來檢測手機尺寸並使用正確的樣式。 此問題中提供了一個示例: PhoneGap + Android +媒體查詢

另請參閱“ 如何使用CSS3媒體查詢創建您網站的移動版本 ”。

示例(在您的HTML中)

<link rel="stylesheet" type="text/css" media="(max-width: 480px) and (max-device-width: 480px)" href="screen-small.css" />

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM