javascript - 没有元标记的响应式网页?
问题描述
我猜答案是否定的,但有没有一种可靠的方法可以在不向头部添加视口元标记的情况下使网页响应?
我添加了一个 400px 宽并垂直和水平居中的登录表单容器。它在桌面上看起来不错,但是当您在手机上访问页面时,它被缩小并且看起来很小。用户必须多次滑动才能放大,以便他们可以使用登录表单。
我无法访问头部。我只能在体内创建一个容器。但是,我可以为任何东西和基本的 JavaScript 添加 CSS。我的访问权限有限,因为该网页是由服务器程序生成的。它只允许添加 CSS 文件和页眉和页脚 HTML 文件。基本上,它限制我用自定义容器包装表单和错误容器。
解决方案
快速浏览一下(例如,在 Can I change the viewport meta tag in mobile safari?
<script>
(function(){
var m = document.createElement('meta');
m.setAttribute('name','viewport');
m.setAttribute('content','width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0');
document.head.appendChild(m);
})()
</script>
测试页面:在点击执行上述功能的按钮之前,您应该看到宽泛的黑色段落。之后,该段落应适合视口。
推荐阅读
- c++ - 如何修复此代码中的“访问冲突读取位置”
- python - 如何实时平滑阈值处理过程?
- git - 强制拉取请求到特定分支
- angular - 添加异步角度验证时,我们如何将同步验证设置为空?
- php - php数据库conntion echo混淆以下代码
- google-cloud-platform - /home/airflow 的位置
- git - 将网站部署到github并在线编辑并显示空白
- java - setter 如何在 Spring Framework #2 中工作?
- opennlp - OpenNLP:无法找到 Lemmatizer 的模型文件
- python - 列表是否有任何“strip”喜欢的方法?