最新活动:电脑PC端+手机端+微网站+自适应网页多模板选择-建站388元起价!!!
当前位置:主页 > 网站建设 > 网页通过iframe嵌入百度地图API时自适应屏幕CSS/

网页通过iframe嵌入百度地图API时自适应屏幕CSS/

时间:2023-05-25 11:05:25 阅读: 文章分类: 网站建设 作者: 网站编辑员

导读:CSS/HTML

个业网站建设公司网站建设公司1、iframe标签按照常规响应式的样式写就可以了,比如: style type = text/css iframe { width : 100% ; min-height : 471px }@ media screen and (max-width: 640px ) { #iframe { min-height : 271px }}@ media screen and (min-width: 750px ) and (max-width: 800px ){ #iframe { min-height : […]

1、iframe标签按照常规响应式的样式写就可以了,比如:

<style type="text/css"> iframe{width:100%;min-height:471px} @media screen and (max-width: 640px) { #iframe{min-height:271px} } @media screen and (min-width:750px) and (max-width:800px){ #iframe{min-height:271px} } </style> <iframe src="/baidumap.html" id="iframe"></iframe>

2、baidumap.html 百度地图容器这样写就可以了

<!--百度地图容器--> <div id="dituContent"></div> <style tyseo网站关键词优化pe="text/css"> #dituContent{position: absolute;width:99%;height: 98%;} @media screen and (max-width: 640px) { #dituContent{width:98%;height: 97%;} } </style>

3、公司地址坐标获取

网站建设多少钱 公司地址坐标可以通过百度“拾取坐标系统”获取:

http://api.map.baidu.com/lbsapi/getpoint/index.html

或者直接创建地图

http://api.map.baidu.com/lbsapi/creatmap/index.html

注意,看你网站是https 还是 http ,里面调用不同百度api接口

标题、文字内容、经度纬度修改

相关个业网站建设公司网站建设公司。

关键词标签: 网页 自适应 屏幕

声明: 本文由我的SEOUC技术文章主页发布于:2023-05-25 ,文章网页通过iframe嵌入百度地图API时自适应屏幕CSS/主要讲述自适应,屏幕,网页网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_8302.html

我的IDC 网站建设技术SEOUC.COM
专注网站建设,SEO优化,小程序设计制作搭建开发定制网站等,数千家网站定制开发案例,网站推广技术服务。
  • 5000+合作客服
  • 8年从业经验
  • 150+覆盖行业
  • 最新热门源码技术文章