javascript - 当页面被手机缩放时,使标题不改变大小

标签 javascript css

所以,有一个链接到两个不同网页的应用程序。 第一个是我制作的,它 react 灵敏,所以当它加载到手机上时,一切都很合适。

另一个是我工作的公司制作的,没有响应。

现在我应该在两个页面的顶部添加一个栏,当它们加载到应用程序中时,两个页面的栏需要具有相同的大小。我无法更改非响应页面上的任何内容,只能更改顶部的栏。

以 900px 和 360px 为例,一个页面缩小到 360px 适合 iphone,另一个保持 900px 宽度所以它被缩小以适应手机屏幕。

http://imgur.com/6tV1IDT

我需要为 900px 宽度的栏制作一个始终与 360px 宽度页面上的栏具有相同高度的栏,即使它被不同的手机缩小也是如此。 (缩小到不同的宽度/高度)

有什么方法可以设置元素的高度,即使页面的其余部分已缩放,手机缩放也会忽略该元素的高度?

最佳答案

我认为如果您只是为该栏定义 width: 100%; 它应该可以工作,在非响应页面上也是如此。

关于javascript - 当页面被手机缩放时,使标题不改变大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42719874/

相关文章:

javascript - 使用 jquery 动态删除 Bootstrap 弹出窗口

javascript - 如何用P5.js进行极坐标绘图?

javascript - 将图像放在光滑的轮播前

javascript - 增加 MatBottomSheet 的宽度?

html - 创建一个 CSS 外观,使按钮像复选框一样工作

html - 表格中的图像对齐问题

javascript - 点击计数器,每次点击不同的事件

javascript - 将JS命令插入.aspx页面的控制台

css - 只缩小产品页面和页脚之间的差距?

javascript - 如何从Mysql连接的响应中获取数据