javascript - 更改 MyWSAT 页面大小的最佳实践是什么...css、代码,两者都有?

标签 javascript css resize html

如果您在计算机上加载默认的 MyWSAT 页面;您会注意到它在页面中居中,如果您调整页面大小,它会动态地将内容居中,直到页面变得太小……这种行为适用于 PC。然而在智能手机上,内容仍然居中;然而,内容的两边似乎都有一些“填充/空白”,这使得表单的可操作部分太小而无法在不手动调整浏览器窗口大小的情况下阅读或使用...

我尝试过不同的智能手机(Android 和 iPhone)和不同的浏览器(Android-Native、Safari、Chrome),它们的 react 都一样,如下图所示: MyWSAT.iPhone.Chrome MyWSAT.iPhone.Safari

更改 MyWSAT 的最佳实践是什么 http://mywsat.codeplex.com/页面大小...css,代码,两者?

提前致谢!

最佳答案

显然,两者都不是...解决方案似乎是一个 html header 指令...

经过大量搜索和试验...我发现以下内容是必要的:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">

...到以下两个文件:

themes/default/default.master

members/themes/default/default.master

这可能与任何在移动设备上“缩放”不当的网页有关。

关于javascript - 更改 MyWSAT 页面大小的最佳实践是什么...css、代码,两者都有?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18686527/

相关文章:

javascript - Observable 的设置值未在 Knockout 中更新

javascript - 无法理解 javascript .call() 的用法

javascript - 调整 Canvas 大小而不减少其宽度和高度(坐标)

javascript - 如何检测 CSS3 调整大小事件

html - 调整浏览器窗口大小时如何阻止网格自行折叠?

javascript - 忽略图像的透明 Angular

javascript - cursor.toArray() 返回一个 promise 而不是数组

html - 顶部带有标签的内联下拉菜单

html - 基于视口(viewport)高度的剩余视口(viewport)宽度的 CSS

C# WPF SizeChanged 事件在最大化时不更新宽度和高度