适合HTML页面文本的窗口宽度

嗨我有我的网站设计的移动设备。适合HTML页面文本的窗口宽度

我在我的应用程序中使用WebView来显示此网站。

当用户放大文本时，我得到水平滚动条。相反，我想要的是，页面中的文本应该换行到下一行，文本应该适合屏幕宽度。

应该使用什么html5，css3属性来包装文本以适应移动设备的屏幕？

来源

2013-04-18 Sanat

一些代码将是很好的 – 1337holiday 2013-04-18 06:14:34

在苹果的网站，它说

用户还可以放大和缩小使用手势。当放大并且输出时，用户更改视口的比例，而不是视口的大小。因此，平移和缩放不会更改网页的布局。图3-8显示了用户放大以查看详细信息时的相同网页。

所以我会认为这不是东西，这将是可能的，除非你可以操纵规模

来源

2013-04-18 06:22:54 dt192

是否可以使用html5和css来做些事情，使其与设备/平台无关？ – Sanat 2013-04-18 07:35:12

我认为无论使用哪种平台，我都会使用缩放功能，但我不记得看到任何以缩放桌面浏览器的方式缩放的网站，您可以完全禁用缩放，然后你也许可以使用其中一个javascript手机手势库来编程捏手势来改变CSS来扩展一切的大小，这将工作，我认为 – dt192 2013-04-18 07:43:52

在你的代码，你需要实现一个WebViewClient和覆盖OnScaleChanged方法，它会通知您用户放大。在此方法中，您需要重新布局整个WebView。下面的代码是我如何实现文本回流（注：如果你不想滚动条显示你将需要更多的代码，但我没有添加）：

WebView view; 
view = (WebView)findViewById(R.id.webView); 
view.setWebViewClient(new WebViewClient(){ 
    @Override 
    public void onScaleChanged(WebView view, float oldScale, float newScale) { 

     view.getSettings().setLayoutAlgorithm(
       LayoutAlgorithm.NARROW_COLUMNS); //causes the text to reflow to the screen size 
     view.invalidate(); 
     super.onScaleChanged(view, oldScale, newScale); 
    } 
});

来源

2013-04-18 16:37:41 anthonycr

适合HTML页面文本的窗口宽度

回答

相关问题