Q

適合頁面內容適合iphone，android屏幕與javascript

2012-03-25 98 views 0 likes

0

我有一個服務器上的HTML頁面。考慮在該HTML頁面中加載文章示例。並且我從我的android和iphone手機的瀏覽器打開該頁面。適合頁面內容適合iphone，android屏幕與javascript

此頁面中包含說明，圖片和鏈接。問題是該頁面內的圖像是在屏幕之外。

我想知道，有什麼辦法來適應所有的資源（描述，圖片，鏈接）應該在頁面內設置javascript。

2012-03-25 Waqas Ahmed

+0

您正在討論移動版式，您應該使用CSS而不是JavaScript。 – Bojangles 2012-03-25 17:55:53

A

回答

0

它添加到CSS文件：

@media屏幕（最大設備寬度：480像素） {

/--- iPhone只CSS這裏：重新風格的圖像，以便以使其適合在您的iPhone /安卓---/

}

你可以閱讀更多的http://csswizardry.com/2010/01/iphone-css-tips-for-building-iphone-websites/

2012-03-25 20:20:04

1

在我的移動網站上，我使用了元標記來保存屏幕中的所有內容。

<meta name = "viewport" content = "width = device-width">

我認爲這應該有所斬斷。請務必將其放在<head>標籤內。

希望這會有所幫助。

2012-03-25 20:38:21

相關問題

11. MuPDF Android Pdf適合屏幕
12. 視窗Android適合屏幕
13. 適合webview內的網頁內容（Android）
14. Iphone自動適合頁面
15. 適合Web的Iphone屏幕分辨率
16. iPhone - 使圖片適合在屏幕上
17. UIImagePickerController imagePicker不適合iPhone 4屏幕
18. jQuery - Div不適合頁面內容
19. Android Webview，縮放內容以適合屏幕
20. CSS：使容器適合屏幕
21. 適合網頁屏幕問題
22. 將網頁調整爲適合屏幕
23. 使圖像適合屏幕
24. 佈局不適合屏幕
25. Bootstrap組件適合屏幕
26. Cardview不適合屏幕
27. Bootstrap Modal不適合屏幕
28. 使HTML Canvas適合屏幕
29. UIImageView適合整個屏幕
30. 圖像不適合屏幕