javascript - 为纵向显示缩放移动响应式横向布局

标签 javascript css html mobile responsive-design

我有一个专为移动横向显示 (480px) 设计的响应式网页布局,并希望将相同的移动横向布局用于移动纵向显示 (320px)。谁能想出一种方法来缩小此 View ,使其也显示为 (320px) 而无需添加另一个专门用于 320px 显示的 css 媒体查询?

最佳答案

rems 为单位设置所有大小,并在横向模式下将字体大小提高到 150%?只要不使用像素,一切都会放大

http://snook.ca/archives/html_and_css/font-size-with-rem

关于javascript - 为纵向显示缩放移动响应式横向布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14509833/

相关文章:

css - 在 CSS 中更改位置时 slider 点移动

html - 如何根据父div设置子div的高度

javascript - 如何将存储在使用推送提示创建的数组中的值相加

JavaScript:setInterval() 不会产生预期的输出

css - 在另一个 mixin 中使用来自 LESS 的一个 mixin

javascript - HTML 中 style.width 和 offsetwidth 的区别?

javascript - 元素转换时不会触发 Mouseleave 事件

jquery - 基于设备分辨率的 Bootstrap 3 嵌入图像大小

javascript - 正则表达式匹配数字逗号

javascript - 使用 vue-router 重新加载组件