在Safari和Chrome的响应式设计模式下显示虚拟键盘

文章/答案/技术大牛

发布

1回答

google-chrome、responsive-design、safari、mobile-safari

我正在开发一个具有复杂UI的响应式web应用程序。为了演示我所做的更改，我正在查看Safari和Chrome中的响应式设计模式。在移动Safari/Chrome中点击输入元素时，有没有什么方法可以模拟键盘的外观？例如，我在Chrome和<

浏览 27提问于2019-09-16得票数 7

1回答

macOS上的浏览器窗口大小小于500px

google-chrome、firefox、browser、safari、size

你好，我想检查一下，如果浏览器的尺寸是100px，我的网站会是什么样子。喜爱

浏览 0提问于2019-06-29得票数 0

0回答

Safari响应式设计模式CSS媒体查询'device‘未应用

css、mobile、responsive-design、safari

在开发和调试我正在开发的响应式网站时，我一直在使用Safari响应式设计模式。max-device-width: 480px) { display: none;} 使用disappear-on-device类并相应地在宽度为RDM480的设备上激发元素并设置其样式，因为<=可

浏览 4提问于2016-07-06得票数 6

回答已采纳

2回答

当虚拟键盘在全屏显示模式下活动时，PWA不调整窗口大小。

android、html、google-chrome、progressive-web-apps、virtual-keyboard

web的默认行为，据我所知，当虚拟键盘处于活动状态时，窗口大小会相应地调整。这对网络上的移动设备和独立的显示模式都很好。在全屏模式下，当键盘处于活动状态时，窗口大小不会改变。这导致输入隐藏在键盘后面。(比如手动获取键盘的高度等)据我所知，这一问题只发生在android chrome上，ios safar

浏览 18提问于2022-03-24得票数 1

回答已采纳

3回答

safari浏览器中的移动应用测试

manual-testing、mobile、cross-browser-testing、mobile-applications

是否有一个开放源码来检查Safari浏览器中的移动应用程序？现在使用的是响应式网页设计测试器，添加到铬上，但是在Add on中，我们有一些设备，比如iPhone和Ipad，但是它是在chrome浏览器下运行的。在测试过程中，响应式Web设计测试器中的相同应用程序正在按我们的预

浏览 0提问于2019-04-02得票数 0

1回答

Safari响应式设计模式

safari、responsiveness

Safari的响应式设计模式只有在你使用像bootstrap这样的工具时才有效吗？我几乎是个新手，还没有在我的网站上实现Bootstrap，但当我在Safari中打开响应设计模式并选择iPhone时，我的网站()看起来与我手机上的实际外观几乎完全不同。我希望，无论您的站点是如何编码的<

浏览 0提问于2016-03-25得票数 0

3回答

如何在移动设备上查看我的ASP.net网站

c#、asp.net、internet-explorer、mobile

我一直在思考或想知道如何才能在手机或任何移动设备上访问我的网站，因为这是当今最好的选择。这是我第一次希望能够在移动设备上访问我的应用程序，就像你可以使用移动设备查看/查看的任何网站一样。有没有人可以指导我如何做这件事，或者任何对我有帮助的教程。

浏览 7提问于2015-04-29得票数 4

1回答

为什么Safaris响应设计模式呈现字体不可读？

fonts、safari、mode

是只有我吗，还是为什么Safari 9的响应式设计模式呈现字体几乎不可读？Safari响应设计模式字体问题：这对我来说一直都是这样，它不是昨天才出现的。我使用的是非视网膜21.

浏览 6提问于2016-02-01得票数 1

1回答

页面适合浏览器响应式设计视图的宽度，但不适合电话

css、iphone、mobile、responsive

我只有一个简单的页面，没有媒体查询，在响应式设计模式下看起来很棒，但在我的手机上不是。在响应式设计模式中，该表完全适合。(Safari、Chrome和Firefox) 然而，在我的375px测试手机(iPhone 6s)上，最后一列(21px图像)放不下，必须水平滚动进入视

浏览 13提问于2020-07-23得票数 0

3回答

css，如何在pc上查看元素移动视图

html、css

我想在pc上使用inspect element来查看网站在手机上的样子，Chrome和firefox的功能不起作用当我在iphone上测试我的网站时，我发现一个盒子的高度比三星的高度大，我不知道问题出在哪里，当我没有办法在pc上检查element作为真正的iphone时，我不知道问题出在哪里以及如何修复它

浏览 0提问于2020-03-14得票数 1

3回答

当UITableView和GoogleMap的视图开始触摸时，解散键盘

ios、objective-c、uitableview、keyboard

我的项目设计：我有UISeachBar on navigationItem.titleView键盘只有当我触摸到UITableViewCell时才会发出警告。我希望UITableView响应touchesBegan，这样每当我触碰UITableViewCell或在桌子上滚动时，键盘就会消失。除此之外，我的UIViewControll

浏览 0提问于2013-12-03得票数 1

回答已采纳

5回答

在google Chrome中单击文本输入时显示虚拟键盘(使用触摸屏的Windows 7)

google-chrome、google-chrome-extension

我尝试过的每个浏览器都有以下功能:当你点击文本输入栏时，虚拟键盘符号会显示在文本输入栏的下方(当你在Windows7中使用触摸屏时)。除chrome之外的所有浏览器。有人知道为什么吗?有可能的解决方案吗？(下图来自Internet explorer) 我想使用只能在chrome中工作的触摸手势来测试一个原型，这就是为什么我想只使用那个浏览器和那个浏览器的原因。=)

浏览 4提问于2013-03-26得票数 4

2回答

在webkit浏览器的全屏模式下，无法在文本输入中键入任何字母或数字

javascript、fullscreen、keyboard-events

切换到全屏模式(在chrome和safari上测试)后，我不能在文本输入中输入任何字母或数字，但我仍然可以输入像*¨%£这样的特殊字符，但不能输入简单的字母……HTML launchFullScreen(document.documentElement);正如Jan Dvorak提到的

浏览 2提问于2013-04-29得票数 7

回答已采纳

1回答

Safari无法在CSS中呈现/处理小数点

css、firefox、google-chrome、safari、decimal

我正在做响应式布局设计，我发现safari不能渲染小数点值，它会四舍五入，破坏设计布局。我正在使用Mac Lion Safari 6.0查看右侧边框我使用的是twitter bootstrap网格系统。它可以在google chrome和firefox上完美呈现，但不能在<em

浏览 1提问于2012-08-11得票数 0

7回答

如何在Internet、Google和Safari中对响应性设计进行手动测试

manual-testing、cross-browser-testing、chrome、ie8

我有一个在IE，Chrome，Firefox，Safari上进行兼容性问题和响应性设计的站点测试。在火狐中，测试是轻松完成的，因为它有开发人员的选项，通过按下Ctrl+m就可以获得不同的分辨率屏幕。同样也不适用于IE，Safari。在Google下，我尝试了检查元素，然后尝试了Toogle设备模式，这有点困难

浏览 0提问于2015-04-30得票数 1

2回答

我们如何在Safari响应式设计模式中模拟触摸事件？

responsive-design、safari、web-inspector、dom-events、safari-web-inspector

铬具有此功能的设备模式，交互是它在触摸设备上的方式。我已经尝试过Safari的响应式设计模式，但我看不到一种方法来模拟触摸(没有指针事件)。它的表现就像我在使用鼠标，但我想让它表现得像我在移动设备上触摸屏幕一样(就像在Chrome的检查器中)。

浏览 59提问于2016-10-17得票数 27

1回答

Safari展示了网站的移动版本

css、mobile、safari、screen

当在火狐和chrome上浏览网站时，它看起来很好。但在safari上查看它时，它显示的是该网站的移动版本。为什么？当我在手机的响应式设计上工作时，我没有改变电脑屏幕的css。

浏览 2提问于2014-09-25得票数 0

1回答

如何将浏览器的像素降低到400px以下？

browser、responsive-design

这不是一个确切的编码问题，但我不确定它应该放在其他stackexchange中。它与响应式设计开发相关。如果不是，为什么这两个浏览器会硬停下来呢？我想进一步减少，以便更容易/更好地调试响应

浏览 1提问于2013-05-27得票数 0

回答已采纳

8回答

打开软键盘时获取视口高度

jquery、ios、css、viewport

当软键盘打开时，我想得到精确的视口大小。我目前正在使用标题上的以下代码，以使站点能够响应：}, 300) 然后使用jquery获取高度会在Android上显示正确<em

浏览 16提问于2014-04-11得票数 36

回答已采纳

1回答

当用户缩放时，媒体查询在firefox中无法正常工作

html、css、firefox

我正在构建一个登录页面，并且在我的head部分有以下代码 <meta charset="UTF-8">媒体查询在IE、Edge和Chrome上切换布局和加载不同的文件效果很好，但当在Firefox中查

浏览 2提问于2017-11-01得票数 1

点击加载更多