javascript - 哪个建议最适合根据用户视口(viewport)调整布局?

标签 javascript jquery html css ajax

<分区>


想要改进这个问题? 更新问题,以便 editing this post 可以用事实和引用来回答它.

关闭 8 年前

我的目标是实现一款设计精美的智能手机、平板电脑和台式机。完全不需要西装!该网站是高度动态的——就像一个答题游戏。每次回答后都会生成一个新问题(div 和 li 元素的复杂结构)

  1. 通过ajax向php发送请求并返回完整的html;之后使用 jquery 更正所有元素的宽度和高度
  2. 通过ajax发送请求,只接收json格式的核心信息;完全在 jquery 中构建 html
  3. 根据视口(viewport)使用最匹配的样式表;通过ajax发送请求并接收完整的html

在我看来,建议 3 提供了足够的准确性,并且可能比其他建议表现得更好。

更详细一点的建议 3 可以像这样工作(只是一个例子!):

switch(viewport){
 case > 1200 => include stylesheet1
 case > 980 => include stylesheet2
 case > 600 => include stylesheet3
 case > 400 => include stylesheet4
 case <=400 => include stylesheet5
}

最佳答案

我想这在技术上不能回答你的问题,因为我提出了我自己的建议:

你应该使用 Media Queries .这让您可以为需要设计的每个特定视口(viewport)定义样式。

关于javascript - 哪个建议最适合根据用户视口(viewport)调整布局?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19757987/

上一篇:css - 选择工作不正常

下一篇:html - 隐藏不适合固定大小容器的 block

相关文章:

JavaScript `defer` 似乎不起作用

javascript - jquery:ajax 未在文档 getready 中触发

php - 在 opencart 或任何 php 中突出显示当前页面链接

javascript - 更改设置在 HTML 对象背景的 SVG 文件的颜色

JavaScript 循环和数组问题

javascript - Python Selenium : How to navigate Javascript based navigation

javascript - jQuery prop() 和 Google Closure 编译器

javascript - 更简洁的不区分大小写的测验验证

html - 我们应如何在Django中使用Google分析脚本?

javascript - 如何在 Jest 中获取 anchor 标记的文本