iOS特定设备的CSS样式-不起作用

文章/答案/技术大牛

发布

1回答

javascript、html、css、ios、mobile

嗨，我有一个重大的问题，我的网站在iPhone设备上加载，包括safari和谷歌chrome浏览器。我试图隐藏导致问题的元素，但我的Javascript或CSS代码似乎没有任何作用。这是我用于检测iPhone的Javascript代码 if(navigator.userAgent.match(/iPhone/)) { $('html').addClass('iphone&#x

浏览 26提问于2020-05-09得票数 0

1回答

如何在Phonegap中针对不同的主题/布局

android、ios、css、cordova

我是Phonegap的新手，我想知道是否可以使用基于设备OS的CSS来针对不同的主题/布局？例如，一个布局&特定于安卓的主题，另一个特定于iOS，另一个特定于Windows等等。

浏览 1提问于2013-11-04得票数 0

回答已采纳

2回答

检查iOS是否为>= 4.2版本，并根据结果进行修改

jquery、css、ios、mobile、user-agent

我正在使用Typekit.com在网站上显示字体，但是，它只与移动浏览器>= 4.2 iOS兼容。我曾经使用jQuery来测试访问者是否在使用iOS，并在此基础上显示特定的内容(没问题)，但我很难弄清楚如何更具体，并仅在版本低于iOS 4.2的情况下才修改CSS。

浏览 0提问于2012-01-05得票数 3

回答已采纳

2回答

如何制作平板电脑和iphone的样式表

css、media、tablet

我在想，样式表上的链接目标将使我的css文件仅在加载到平板电脑或iphone上时才加载。但我试图隐藏的元素仍然存在。即时消息当前正在使用(media=“手持”) <link rel="stylesheet" type="text/css" hrf="css/media.css" media="handheld"

浏览 3提问于2012-08-21得票数 3

回答已采纳

1回答

刷新页面时没有加载离子CSS。

ionic-framework、sass、styles

在我的离子型应用程序中，当应用程序第一次打开时，一切看起来都很完美。但是如果我刷新页面，css就不会加载，而且页面看起来很糟糕。这在iPhone的Chrome外观中才是显而易见的。但是如果我打开一个新的匿名标签，一切似乎都是正确的。这是第二个目标：这是我的scss代码：.ion-header {font-family:Georgia, 'Times New Romanimporta

浏览 0提问于2018-07-18得票数 0

回答已采纳

3回答

如何在反应js中用css显示2行带有省略号的行？

javascript、html、css、reactjs、sass

实际上，我从youtube css样式中复制了所需的样式。Youtube样式适用于所有浏览器，如safari和iOS设备浏览器。 <span {description}

浏览 9提问于2022-07-15得票数 0

回答已采纳

1回答

如何使用适用于iOS和安卓的Sencha框架分别设计HTML5应用程序的样式？

sencha-architect

原生应用程序中的应用程序开发分别针对iPhone和安卓系统。但在HTML5 Sencha框架应用中，使用的是相同的HTML5代码。我们应该为两个平台的警告框或按钮使用相同的视觉样式，还是应该根据平台的不同而使它们看起来不同？既然使用了相同的HTML5代码，那么如何处理两个平台的不同外观呢？例如，iPhone的菜单栏在底部，安卓的菜单栏在顶部。或者对于Android，我们需要隐藏顶部的</e

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

2回答

特定平台- Nativescript角的css

nativescript、nativescript-angular

我正在尝试将platform-specific-css应用到我的Nativescript角形移动应用程序中。例如，对于home组件，目前我有home.component.tns.css来对其进行样式设置。但我也需要分别处理IOS和Android的一些样式。以下是我尝试过的：添加一个名为home.component.ios.tns.css的css文件。不工作，这个文件中的<

浏览 4提问于2019-10-09得票数 0

1回答

对于那些需要CSS3前缀的属性，我在iphone上仍然有问题-webkit-

css、safari、mobile-safari、flexbox

尤其是如果只有我或者所有使用safari的移动设备。不到一周前，我意外地意识到不再只适用于我的iPhone5(没有更新到9.x版本)，但它适用于mac上的其他新的更高版本的iphone 我打开了一个主题，有人建议我添加前缀webkit (我添加了，但我不明白为什么它曾经在没有前缀的情况下工作，现在没有了..)现在我发现转换css3不起作用了。虽然我的前缀是-webkit！还

浏览 3提问于2015-10-19得票数 3

3回答

CSS媒体查询仅针对iOS设备

css、media-queries

是否存在只针对运行iOS的设备的@media查询？min-device-width:320px) and (max-device-width:768px) { yada: yada;} 这也会改变Android设备上页面的行为吗

浏览 4提问于2015-05-07得票数 185

回答已采纳

1回答

如何在Ionic中设置Android和iOS的不同样式

android、css、ios、ionic-framework

当我的应用程序在IOS或Android设备上时，是否可以用HTML或CSS设置不同的样式？例如，IOS设备与安卓设备在<ion-title>上的布局是不同的。

浏览 22提问于2020-02-18得票数 1

回答已采纳

2回答

Javascript以检测设备是否为IOS，如果为真则修改CSS

css、ios

我按照这个问题的答案来检测设备是否为iOS，然后修改CSS (如果是： )。:fixed;} 这样做的想法是，当浏览器检测到ios时会显示div.noParalax，但当它不是iOS设备时则隐藏起来，然后显示div.myParallax。然而，它似乎不起作用。我需要链接到任何特殊的库才能让它工作吗？或者我的代码完全错了(我不太熟悉javascript或它的</

浏览 0提问于2020-01-15得票数 0

2回答

如何在ionic4中设置特定于平台的css* ( android和ios风格不同)*

css、sass、angular7、ionic4

为了在ionic 3中将安卓和ios的特定样式设置为"ListingPage“，我在"Listing”页面/组件的.scss文件中使用了以下结构： .ios { // for ios // css enclosed in class or id selectors

浏览 9提问于2019-01-12得票数 4

4回答

如何在WebView中禁用用户文本选择[React-Native]

javascript、ios、webview、react-native、textselection

我正在试图弄清楚如何在我的ios应用程序的React-Native WebView中禁用文本选择。在站点上使用设置为none的css样式user-select在使用设备或模拟器时似乎不起作用，但它在浏览器中确实起作用。使用React-Native 0.30，iOS 9-10

浏览 12提问于2016-11-29得票数 3

6回答

为iPad和iPhone设置输入按钮的样式

iphone、css、ios、ipad

我在我的网站上使用CSS来设置输入按钮的样式，但在IOS设备上，样式被Mac的默认按钮所取代。有没有一种方法可以为iOS设置按钮的样式，或者有一种方法可以使超链接的行为类似于提交按钮？

浏览 0提问于2011-03-27得票数 230

回答已采纳

2回答

基于媒体查询的iOS加载错误的样式表

html、css、ios、media-queries、iphone-web-app

我使用媒体查询为各种屏幕尺寸加载正确的CSS文件，因此我有以下代码来加载样式表：我的问题是:在屏幕分辨率为960x640像素的iPhone 4S上，加载的样式表是M_g

浏览 0提问于2012-05-07得票数 1

回答已采纳

1回答

用户代理的条件样式表

javascript、html、css

根据用户代理选择将显示的样式表的最佳方法是什么？提前感谢

浏览 1提问于2014-06-24得票数 0

回答已采纳

1回答

如何指定Ionic功能外观风格？

javascript、angularjs、ionic-framework

Ionic框架根据平台运行应用程序、安卓或iOS的特点定制其外观，但我知道它还有第三种外观，这是Ionic独有的。我尝试过类似于示例的setPlatform函数，但没

浏览 4提问于2015-04-24得票数 0

4回答

如何在网页中检测移动设备

javascript、jquery、html、css

对于一个网站，我想对移动设备使用特定的CSS规则。我想要的是：在电话号码上创建一个链接，并使其在移动设备上可点击代码示例：<a href="tel:+1234567890">+1234567890</a> (类似于普通计算机上的链接)可能会产生一条错误消息我想使用CSS隐藏电话号码与链接上的非移动设备，并显示另一个元素与一个普通的电话号码。我可

浏览 4提问于2011-06-22得票数 16

回答已采纳

1回答

Ionic2 -根据检测到的设备名称将全局类添加到整个应用程序页

ionic-framework、ionic2、ionic3、ionic-view

我正在检测我的app.component.ts文件中的一个平台，在这个平台上，我想在我的整个应用程序中向离子头、离子内容、离子标题等添加几个不同的scss。我希望在整个应用程序页面中添加一个全局前缀(取决于检测到的设备)，因此：默认情况下，每个离子页都会生成这个页面。我希望能够添加额外的类，这样我就可以分层地修改所有其他必需的类，这些类是这个类<

浏览 2提问于2018-03-01得票数 1

点击加载更多