[英]What CSS code do I use to get my webpage to fill the screen on a the iPhone or Android?
我有下面的HTML代碼。 我已將機身寬度設置為640px，接近iPhone的分辨率。 但是，當我在iPhone或Android上查看網頁時，它會像在我的網絡瀏覽器中一樣顯示 - 只占用屏幕的一部分。 文字很小，不可用。
我使用什么CSS代碼，以便文本在桌面瀏覽器中保持正常，但在移動設備上填充屏幕？ 我讀了一些關於使用device-width屬性的事情，但我也無法使用它們。 我究竟做錯了什么？
注意我並沒有試圖讓紅色邊框在屏幕上一直伸展（例如：body：width100％）。 我只是不明白為什么iPhone沒有放大到設置為它應該具有的相同分辨率的區域。
HTML代碼：
<style>
body{ width:640px; border: 1px solid red; }
</style>
</head>
<body>
Hello World
</body>
</html>
實際產量：
期望的輸出：
把它放在你的頭標記中：
<meta name="viewport" content="width=480">
要使iPhone在頁面上放大，您可以使用視口元標記。 您可以將比例設置為1.0，以使Mobile Safari完全放大您的內容，無論它的實際大小。
以下是有關設置視口的不同方法的一些文檔： http ： //developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html
你試過body { width:100%; border: 1px solid red; } body { width:100%; border: 1px solid red; } body { width:100%; border: 1px solid red; } ？
您必須為此使用媒體查詢。
http://www.alistapart.com/articles/responsive-web-design/
示例： http ： //www.alistapart.com/d/responsive-web-design/ex/ex-site-FINAL.html （調整頁面大小）
一個看似直截了當的教程： http ： //coding.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website /
如果你正在為iphone創建一個webapp，你應該看看PhoneGap 。 如果你有點冒險，它真的很容易使用。
如何在android中回到我的gl屏幕。 我試圖在我的代碼中跳出並使用xml布局
[英]How do I get back to my gl screen in android. I have tried to jump out and use an xml layout in my code
我需要在Android Studio中使用哪種填充類型來在屏幕上居中放置按鈕？
[英]What type of padding do I need to use in Android studio to center my buttons on the screen?
當我要開始我的AVD時，我從Android Studio獲得了以下屏幕，要克服此問題，我要怎么辦？
[英]when i'm going to start my AVD i get the following Screen from Android studio, To overcome this issue what i gonna do?
如何使用Android GridLayout用工具欄填充屏幕的寬度？
[英]How do I fill the width of the screen with my toolbar using an Android GridLayout?
如何讓我的 HorizontalScrollView 的孩子在不重疊的情況下填滿屏幕？
[英]How do I get the children of my HorizontalScrollView to FILL THE SCREEN while still not overlapping each other?
如何從網頁（HTML）獲取相關信息到我的Android應用程序？
[英]How do i get relevant Information from a Webpage (HTML) into my Android App?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.