html添加内置浏览器该怎么写(要求自动适合手机屏幕大小)
发布网友
发布时间:2022-04-26 18:58
我来回答
共9个回答
热心网友
时间:2022-04-19 07:16
在网页的<head>中增加以上这句话,可以让网页的宽度自动适应手机屏幕的宽度:
[html] view plain copy
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="format-detection" content="telephone=no" />
第一行:
width=device-width :表示宽度是设备屏幕的宽度
initial-scale=1.0:表示初始的缩放比例
minimum-scale=0.5:表示最小的缩放比例
maximum-scale=2.0:表示最大的缩放比例
user-scalable=yes:表示用户是否可以调整缩放比例
第二行:
设定iphone端页面全屏。
第三行:
取消数字被识别为电话号码。
如果是想要一打开网页,则自动以原始比例显示,并且不允许用户修改的话,则是:
[html] view plain copy
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
这样子写后,就可以把一些页头横幅等的图片的宽度都设置成style="width:100%",整个页面在设备上看起来就是全屏的了。追问网上搜的答案?
热心网友
时间:2022-04-19 08:34
在网页的<head>中增加以上这句话,可以让网页的宽度自动适应手机屏幕的宽度:
[html] view plain copy
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="format-detection" content="telephone=no" />
第一行:
width=device-width :表示宽度是设备屏幕的宽度
initial-scale=1.0:表示初始的缩放比例
minimum-scale=0.5:表示最小的缩放比例
maximum-scale=2.0:表示最大的缩放比例
user-scalable=yes:表示用户是否可以调整缩放比例
第二行:
设定iphone端页面全屏。
第三行:
取消数字被识别为电话号码。
如果是想要一打开网页,则自动以原始比例显示,并且不允许用户修改的话,则是:
[html] view plain copy
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
备注:这样子写后,就可以把一些页头横幅等的图片的宽度都设置成style="width:100%",整个页面在设备上看起来就是全屏的了。
热心网友
时间:2022-04-19 10:08
你的意思是在html页面打开一个弹出层页面吗??主要部分是在适合手机屏幕大小这一块,打开一个弹出层后,对弹出层进行css的*。
/*默认样式*/
@media screen and (max-width: 600px) {
/*屏幕宽度为600的样式*/
}
@media screen and (max-width: 450px) {
/*屏幕宽度为450的样式*/
}
热心网友
时间:2022-04-19 12:00
在网页的<head>中增加以上这句话,可以让网页的宽度自动适应手机屏幕的宽度:
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
这样子写后,就可以把一些页头横幅等的图片的宽度都设置成style="width:100%",整个页面在设备上看起来就是全屏的了。
热心网友
时间:2022-04-19 14:08
<iframe src="" id="1" width="100%" frameborder="0" scrolling="no" name="Display frame" onload="iFrameHeight()"></iframe>
<script type="text/javascript" language="javascript">
function iFrameHeight() {
var ifm= document.getElementById("1");
ifm.height = ifm.contentDocument.body.scrollHeight;
}
</script>
<a href="" target="Display frame">
酱子滴!
热心网友
时间:2022-04-19 16:32
要么判断客户端,要么自适应。
可以百分比自适应,如
<div width=100%>
<div width=70%></div>
<div width=30%></div>
</div>
热心网友
时间:2022-04-19 19:14
你的内置浏览器是用iframe装的吗?
是的话用jq啊,获得当前屏幕的宽高,在把它赋值给iframe就行啦
热心网友
时间:2022-04-19 22:12
我不确定您指的是否是:
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
这个
热心网友
时间:2022-04-20 01:26
Android 用到谷歌,iOS用到safari。现在基本兼容性没什么问题的,不用考虑内置浏览器了把。