文章详情页
html - iframe嵌套网页在iPhone端的显示问题
浏览:51日期:2022-11-25 15:19:43
问题描述
<!DOCTYPE html><html><head></head><body><iframe src='https://www.baidu.com/' style='width:100%;height:500px;'></frame></body></html>
使用iframe嵌套网页的显示效果,内容文字缩小了很多,但是页面样式是一致的。(Mac屏下Chrome模拟器截图,用iPhone测试也是一样。)
正常显示的页面
这种问题怎么解决?
问题解答
回答1:是不是没有做移动端适配?<meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1'>试试这个
回答2:<meta name='viewport' content='width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no' />
加个移动端适配的meta, 更多请参考HTML Meta标签知多少
标签:
HTML
相关文章:
1. Android 高德地图如何实现拖动平移地图时地图上的小图标不动?2. PHP自动加载报错找不到原因,求大佬帮忙看看3. java - jdbc如何返回自动定义的bean4. thinkphp6.0快速开发手册(案例版)的疏忽错误5. mysql - 为什么where条件中or加索引不起作用?6. angular.js - angularjs 百度统计怎么统计7. python - 如何优雅的获取下载速度?8. browsersync检测的静态页面只能用index.html命名,用demo.html就不能实时同步,检测动态页面的时候,比如wamp环境下,用browsersync能打开页面,但不能实现同步9. flask后台python返回到html显示问题10. mysql - 这条联合sql语句哪里错了
排行榜
