㈠ 如何让WEB页面自适应大小
很高兴帮到你
你说的这个是网页的自适应
我刚修改完我的网站,强烈不建议购买现成的自适应网站或者使用转码工具,很垃圾。
如果你有技术,会修改JS和css,请按照以下步骤操作:
首先在js里面添加判断语句,主要功能为判断浏览器为移动端时加载某个css,例如123.css,加载路径一定要注意,不要写错了,路径请使用绝对路径。
其次,编辑123.css,宽度使用百分比,字体大小也是用em而不是固定值px,编辑过程中需要删除一些不必要的版块,也就是说并不是电脑上显示的手机上就都得显示。
最后,导航栏使用点击下啦的方式,不点击自动收回。一定要考虑不同分辨率下的显示情况,这个很关键,必要时可使用不同分辨率缩放功能(需要js和css配合)
这个修改的过程非常麻烦,需要很大的耐心。
㈡ 手机web开发中如何做到图片自适应
图片的宽度设置为百分比,不要设置高度,这样图片就会按照设置的百分比自动缩放了。
㈢ 在移动端 web怎么做到自适应布局
css3用box-flex;在w3school里找找,主要是根据父元素按比例分配高度父元素{width:100%;display:box;}比如三栏布局A、B、C要想设成一样的宽度就用A{box-flex:1;}B{box-flex:1;}C{box-flex:1;}要是两栏布局B是A的2倍那就是A{box-flex:1;}B{box-flex:2;}高度也是还有一个css3的新功能就是calc()计算,可以计算高度,可以试着用一下PS,我只是说说,移动端响应式局的话,布局要随着窗口变的,就像你这个,要是在普通的手机端就得变成一栏布局,不能保持三栏用MediaQuery设置不同的窗口宽度给不同的css样式都是css代码不用js控制
㈣ android webview 怎么自适应手机
这个应该与HTML有关系,在手机上显示的HTML需要做转码处理,网上开放的转码工具
㈤ 如何实现webview 上网页能进行自动适应手机屏幕大小
stackoverflow 上做法:
webSettings.setLoadWithOverviewMode(true);
webSettings.setUseWideViewPort(true);觉得这个好用
㈥ 如何制作手机自适应网页
打开你需要制作手机网页的html或者php等等网页源码文件。在<head></head>之间加入meta标签。
2
向浏览器声明该网页为移动设备自适应网页的meta标签为:
<meta
name="viewport"
content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
3
将以上标签加入之后保存,再用手机打开即是自适应网页了。
㈦ 写web端跟写自适应的pc端手机端有什么不一样呢。
手机的屏幕比较小。
当页面在手机上显示的时候,布局可能会和PC 的效果不同。
比如说:
两栏自适应布局中。pc端可能是两栏,但在小屏手机中,可能就是一栏了。
㈧ android上webview怎么自适应屏幕呢.OSC客户端是怎么实现的
webview中右下角的缩放按钮能不能去掉
settings.setDisplayZoomControls(false); //隐藏webview缩放按钮让Webview加载的页面居中显示有我知道的几种方法
第一种方法:
WebSettings settings = webView.getSettings();
settings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
LayoutAlgorithm是一个枚举用来控制页面的布局,有三个类型:
1.NARROW_COLUMNS:可能的话使所有列的宽度不超过屏幕宽度
2.NORMAL:正常显示不做任何渲染
3.SINGLE_COLUMN:把所有内容放大webview等宽的一列中
用SINGLE_COLUMN类型可以设置页面居中显示,页面可以放大缩小,但这种方法不怎么好,有时候会让你的页面布局走样而且我测了一下,只能显示中间那一块,超出屏幕的部分都不能显示。第二种方法:
//设置加载进来的页面自适应手机屏幕
settings.setUseWideViewPort(true);
settings.setLoadWithOverviewMode(true);
第一个方法设置webview推荐使用的窗口,设置为true。第二个方法是设置webview加载的页面的模式,也设置为true。
这方法可以让你的页面适应手机屏幕的分辨率,完整的显示在屏幕上,可以放大缩小。
两种方法都试过,推荐使用第二种方法第三种方法:(主要用于平板,针对特定屏幕代码调整分辨率)
DisplayMetrics metrics = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(metrics);
int mDensity = metrics.densityDpi;
if (mDensity == 120) {
settings.setDefaultZoom(ZoomDensity.CLOSE);
}else if (mDensity == 160) {
settings.setDefaultZoom(ZoomDensity.MEDIUM);
}else if (mDensity == 240) {
settings.setDefaultZoom(ZoomDensity.FAR);
}
㈨ web前端自适应问题!
一般情况下你在meta里没有任何viewport设置的话,布局是不会跟着窗口大小而变化的。
但是如果你在css里有 @media screen and (min-width:xxpx){}这样的语法的话,布局是跟着窗口大小而变化的。
㈩ 请教webview如何让网页自适应手机屏幕
进网页,点设置,然后点适应屏幕就OK!