Chrome/Android与Safari/iOS上的文本区域行为
Chrome/Android与Safari/iOS上的文本区域行为是指在不同的浏览器和操作系统上，对于文本输入框和文本区域的行为和特性的差异。
在Chrome/Android上，文本区域行为如下：
- 文本输入框和文本区域的外观和样式可以通过CSS进行自定义。
- 支持自动调整文本区域的大小，可以根据输入内容的多少自动增加或减少高度。
- 支持通过CSS属性resize来控制文本区域的可调整大小性能。
- 支持通过JavaScript获取和设置文本区域的内容。
在Safari/iOS上，文本区域行为如下：
- 文本输入框和文本区域的外观和样式可以通过CSS进行自定义。
- 不支持自动调整文本区域的大小，文本区域的高度是固定的。
- 不支持通过CSS属性resize来控制文本区域的可调整大小性能。
- 支持通过JavaScript获取和设置文本区域的内容。
应用场景：
- 在网页表单中，用户可以通过文本区域输入多行文本，例如评论、留言等。
- 在移动应用中，用户可以通过文本区域输入多行文本，例如发表动态、写日记等。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云移动开发平台：https://cloud.tencent.com/product/mmp
- 腾讯云云原生应用引擎：https://cloud.tencent.com/product/tke
- 腾讯云数据库服务：https://cloud.tencent.com/product/cdb
- 腾讯云服务器：https://cloud.tencent.com/product/cvm
- 腾讯云音视频处理：https://cloud.tencent.com/product/mps
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iot
- 腾讯云存储服务：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/product/mu
相关·内容
我正在做一个Angular 8 webapp项目，可以在多个平台(iOS，安卓，视窗等)上使用。我注意到使用Safari和Chrome在外观上有一些不同。例如，当将一个ngIf放在一个有假条件的<div>中时，它不会在Safari的视图中显示，但在Chrome中会显示出来(将ngIf放在一个<ng-container>包装器中可以解决这个问题)。我目前的问题是关于使用<textarea>的<
浏览 9提问于2020-03-12得票数 0
1回答
我们在iOs上的chrome上的disqus textarea遇到了问题。Safari在iOs上运行良好，chrome在android上也是如此。
浏览 1提问于2014-11-11得票数 1
在这个页面上的柱塞()有一个奇怪的问题。
在iPad或iPhone、iOS、Safari或Chrome上，这不是我能得到的
浏览 6提问于2017-04-03得票数 10
1回答
因此，我正在使用Chrome工具iOS仿真器构建响应性页面，结果发现在实际的手机上查看它时有5%的差异。
我所有的css都是标准化的，并且有最新的供应商前缀，所以我只能猜测最后5%到底出了什么问题。当然有一种方法可以看到移动设备上的CSS输出？开发-移动工具。当然！
浏览 0提问于2016-08-06得票数 2
1回答
投入行为异常吗？
、、、、
我很难把我的问题用语言表达出来，如果有人能更好地总结我的问题，我将不胜感激。无论如何，我设计一个表单来收集信息，因为它是针对一个移动设备的，我希望字段能延伸到100%，填充屏幕。使用文本区域，这在所有移动操作系统上都能很好地工作，但是，通过使用一个标准，iPhone上的布局被破坏了，请注意，这并不发生在Android上。我认为这是Safari的一个bug，但是它在桌面Saf
浏览 0提问于2013-12-09得票数 1
回答已采纳
问题背景
运行在Windows/Android上的Chrome操作系统在IOS上脱机时不工作。但是，在IOS (
浏览 3提问于2019-10-02得票数 8
回答已采纳
我设法将Chrome与PC、iOS ( Safari )与PC、PC ( PC )、PC与PC(安卓Chrome和Safari iOS)、Android ( Android )和Safari (Safari当我尝试将Chrome (Android)连接到iOS ( Safari )或S
浏览 0提问于2018-01-10得票数 1
正如标题所说: Android版的Chrome和iOS版的Chrome有什么不同。
我在这两者之间做了一些研究，但找不到任何关于这个主题的最新信息。做这项研究的原因是因为我正在研究某些Web的移动浏览器之间的兼容性，为此我使用了，它只显示android版的Chrome，而不显示iOS。我知道用于iOS的
浏览 2提问于2017-10-03得票数 14
回答已采纳
我面临着一个奇怪的问题：
这发生在Android Chrome 91.0.4472.120，Android 11上<
浏览 1提问于2021-06-30得票数 0
回答已采纳
我想一定有一种方法可以让<a>标签自动拨打电话号码，因为谷歌就是这么做的，但是怎么做呢？只需使用tel: href就可以打开一个拨号器，但它不会像你在手机上点击谷歌搜索结果中的“呼叫”按钮(见下文)那样开始通话。看起来他们正在使用JS来实现这一点，但我很想知道如何在客户网站上的呼叫链接中实现这一点。点击一个按钮来呼叫，还必须点击拨号器中的“拨号/呼叫”按钮，这就为转换创造了一个额外的障碍，我希望看到这些障碍被消除。非常感谢您的帮助！
浏览 27提问于2019-03-08得票数 0
1回答
假设我有返回文件的控制器(例如docx，但是格式不重要，与jpg、png等相同的行为)[Route("[controller]")]但是，对于iOS Chrome，它打开文件的内容并将其放在网页上：
对于Android表上的<
浏览 13提问于2022-06-08得票数 0
我有一个与滚动有关的神秘的CSS问题，我从我的项目中创建了一个示例：。简单地说，问题在于滚动在IOS Safari和Chrome上不起作用，但是它在Android上运行得很好，有什么想法吗？我试过这样的方法：-webkit-transform: translateZ(0);
还是没有运气。android(用箭头显示的</
浏览 3提问于2019-12-31得票数 0
的一些桌面实例上的safari会显示有100%的div比它下面的div的宽度之和还要长。这似乎很奇怪，要么表明我对宽度工作原理的理解是有缺陷的，要么是IOS让我们糊涂了。我测试过的所有苹果设备都表现出这种行为( macbook上的safari、ipad上的safari、iphone上<
浏览 2提问于2014-05-08得票数 0
我只希望option文本大写。在移动设备上使用Chrome或Safari，转到：<style> text-transform: uppercase</style> <option>- select -</option><
浏览 5提问于2013-12-04得票数 0
回答已采纳
1回答
有没有人知道这个属性有多好的支持？具体来说，我在iPhone 4上使用PR0C0D1N6应用程序，根据规范，如果不支持，radiusX将始终为1，但在我的示例中，radiusX是未定义的。这就是有问题的属性。
浏览 2提问于2012-10-14得票数 0
回答已采纳
1回答
如果您在Windows/Mac/Android上使用Chrome，并试图通过不安全的连接覆盖安全cookie，则安全cookie将保持不变。但在这种情况下，iOS上的Chrome会覆盖cookie，这是一个安全风险。如果您想自己测试这一点，请访问下面的三个URL。第一个将编写一个安全cookie，第二个将试图通过一个
浏览 0提问于2019-02-01得票数 0
回答已采纳
它们的区别是什么？/Confused
浏览 1提问于2015-02-28得票数 0
对于我网站上的特定字段，当在Safari iOS上运行它时，键盘不会显示在我的网站上。它可以在网络和Android chrome上运行。只有当我在safari上选择多选项卡按钮，并再次返回网站时，键盘才会出现。然后，当我选择该字段时，键盘将显示出来。 当我选择改变键盘输入行为的多选项卡按钮时，会有哪些改变？更新： 在单击输入文本字段(具有readonly属性)之前： <div
浏览 66提问于2020-01-10得票数 3
回答已采纳
1回答
我刚刚发现，如果我在上使用iOS (iphone和ipad)导航，它会向我展示-> 就像如果在iPhone上所有的背景图像都是超级放大的。谢谢你的建议！
浏览 2提问于2020-10-06得票数 0
3回答
我有这样的文本区域.textarea{
border: 1px solid #bbd7eb;
color: #5e7891
浏览 1提问于2015-04-16得票数 7
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
