问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

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。现在基本兼容性没什么问题的,不用考虑内置浏览器了把。
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
kmose正确使用方法? 单位高温防护欠缺致员工中暑如何对待 狗狗为什么爱看视频 360浏览器怎么设置倍速播放 ...先讲女主的灵魂飘荡了一段时间,然后重生,请问是那本? 拯救者散热器怎么开 电脑如何一键还原系统电脑一键还原怎么操作 神舟笔记本电脑怎么重新设置神舟战神bios恢复出厂设置 神舟电脑恢复出厂设置神舟战神怎么恢复原厂系统 水泥楼梯如何铺木楼梯 2010款2.4别克君越R档冲击波大是什么原因? 女人波大吃什么 女人波大有什么好处 波霸是什么意思? 大波女是什么意思? 我写了一个html网页,添加了后就 什么东西上电磁波大一些? 为什么viewport的width=device-width,加上去没效果 吃什么波大 吃什么让波大 如何在html中获得android手机中浏览器的屏幕的宽度 波大是什么意思 css中宽度使用了width=device-width 长度怎么适应屏幕宽度 如果长度... 如何让网页在浏览器自适应屏幕大小 男人为什么喜欢波大的女人 做好了网页,怎么让它自适应手机屏幕 &quot;波很大&quot;是什么意思?? 女生波大,有什么好处? 移动端网页自适应中meta里width = device-width的作用在哪 波大无脑是什么意思?有何道理?请高人指点。 浦发京喜联名信用卡一分钱拉杆箱在哪购买 content=&quot;width=device-width&quot;如何写到网页里 CSS使图片自适应显示宽度代码怎么用? 办信用卡送行李箱,拉杆箱,这是什么套路,? 如何进行自适应网页设计 为什么办信用卡都要送拉杆箱 浦发信用卡业务员打着送拉杆箱的名头获取多人个人资料,也官方电话连个办不下来的原因都说不出 浦发银行最近做活动,刷卡288三笔可以获赠一个拉杆箱,是多大的质量怎么样,有没有小伙伴已经拿到的? 现在办哪个银行的信用卡赠拉杆箱? 当时办信用卡送的拉杆箱,现在信用卡注销了还用退还吗? 浦发信用卡中心给我打电话说要买3900块钱拉杆箱分12期,给我提高额度 我上个月办的信用卡,激活后刷一单说送拉杆箱,快一个月了银行也不给我发拉杆箱? 现在办理哪个行的信用卡给礼品?如果有,都给什么样的礼品? 哪些银行办信用卡送拉杆箱 哪家银行信用卡拉杆箱最好 浦发银行办信用卡要买个3900的分期行李箱,怎么卡到了行李箱还没到,只是发了个信息说我订了行李箱? 电脑长时间不开机启动不了怎么办 电脑长时间不开机会怎么样? 想去韩国留学,选择什么专业更有利于就业呢? 梦幻西游怎么充值游戏币 韩国留学可以选什么大学?什么专业比较好?