Android 如何设置HTML元视口以100%宽度开始？_Android_Ios_Css_Html

Android 如何设置HTML元视口以100%宽度开始？

android ios css html

Android 如何设置HTML元视口以100%宽度开始？,android,ios,css,html,Android,Ios,Css,Html,我想在移动设备上以100%宽度的横向和纵向视图显示我的网站我在没有任何CSS声明的情况下尝试了此HTML代码： <!DOCTYPE html> <html lang="hu"> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>

我想在移动设备上以100%宽度的横向和纵向视图显示我的网站

我在没有任何CSS声明的情况下尝试了此HTML代码：

<!DOCTYPE html>
<html lang="hu">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>test page</title>
</head>
<body>
    <div style="width: 1000px; background:#ff0">hello world</div>
</body>
</html>

它在风景中很好用，但如果我从肖像开始。。。所以我工作不好。它像风景视图一样放大

最佳做法是什么？

我刚刚将您的HTML加载到一个基本的Web视图中，我觉得很好。也许这是布局的问题，而不是HTML的问题

以下是我使用的最基本的WebView：

<?xml version="1.0" encoding="utf-8"?>
<WebView  xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/webViewMain"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
/>

下面是我用来测试代码的onCreate：

WebView webView;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    webView = (WebView)findViewById(R.id.webViewMain);
    webView.getSettings().setJavaScriptEnabled(true);
    //webView.loadUrl("http://www.google.com");
    String data = "<!DOCTYPE html> <html lang=\"hu\"> <head>     <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">     <title>test page</title> </head> <body>     <div style=\"width: 1000px; background:#ff0\">hello world</div> </body> </html>";
    webView.loadData(data, "text/html", Encoding.UTF_8.toString());
}

关于你对我的评论的回应：

我99%确定您想要的行为已经是默认行为。在视口中设置width=device width部分时，将导致设备的行为类似于您在桌面上调整浏览器窗口的大小

如果从“内容”属性中删除该部分，它的行为应该符合您的要求。

您是说希望网页始终完全适合屏幕吗？因此，如果肖像模式小于1000px，比如500px，它应该缩小，直到网页符合500px？TreeTree:是的，我想我想这样做。我尝试了你的建议，但没有解决问题。该页面在纵向视图中也显示了静态横向宽度。也许您可以尝试将其设置为width=NNN，其中NNN是页面的宽度。对不起，我当时不知所措。这是我通常试图在移动设备上抵制的行为。