javascript - 如何在移动设备上创建 html 代码的预览?

标签 javascript html css

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 8 年前

无论如何我都可以创建一个按钮来创建一个弹出窗口/模式来模拟移动设备上 html 代码的可视化吗?

我有一个文本区域,用户可以在其中放置 html 代码并通过电子邮件发送。

我想在移动设备(如 iphone)上创建此 html 代码的预览。我试图使用 iframe 960x580,它看起来太大(而且我有一个大显示器)但如果我使用较低的显示器,相同的 iframe 看起来很奇怪。这将是我界面上的一项功能,因此我无法使用 Chrome 中的“设备模式”等工具。

有人知道我该怎么做吗?

最佳答案

你看过这个网站吗?:

http://responsivetest.net/

只需输入您的网站 URL,您就可以选择要在哪种类型的设备上查看它。

关于javascript - 如何在移动设备上创建 html 代码的预览?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25512510/

上一篇:javascript - 如何获得 onchange Javascript/jQuery 功能以运行 onload(在 <body onload> 中不起作用)

下一篇:html - div中的垂直居中图像

相关文章:

java - CellList 保持选定的单元格被选中?

javascript - jquery/js/html 叠加按钮

css - 页脚没有粘在底部,尽管我已经对它进行了编码

css - 多个 CSS 悬停弹出窗口可以在单个 div 中占用相同的空间吗?

CSS - 目标非文本阴影支持浏览器

javascript - 如何根据键将对象数组拆分为不同的对象

javascript - 如何发现重复的 HTML 元素 ID?

javascript - 如何使用 JS 刷新 Web 浏览器的窗口

javascript - 如何通过在主 div 上创建滚动条来修复全屏覆盖

html - 如何在隐藏/显示时创建动画?