如何在移动浏览器中即时更改网站的默认视口设置?

时间:2019-06-08 09:31:12

标签: javascript html css viewport

一个网站在横向模式下运行良好。但是当转到纵向模式时,它会显示消息“不支持屏幕尺寸”。我尝试在桌面浏览器中模拟它,发现在网站HTML的meta标签中将#!/bin/bash while read -r URL FILENAME; do curl -o "$FILENAME" "$URL" done < urls.txt更改为initial-scale:1可以解决问题。现在,如何在iPad上即时执行此操作?我可以使用任何扩展程序吗?

Parallel download for a list of urls and renaming

1 个答案:

答案 0 :(得分:2)

我不确定您的代码中到底是什么问题,因为您没有发布任何问题,但是也许CSS Media Queries可以解决问题。 假设:

@media only screen and (orientation: portrait) {
   initial-scale:0.6
}

您可以在https://www.w3schools.com/css/css_rwd_mediaqueries.asp

上了解更多信息