移动优化CSS

文章/答案/技术大牛

发布

1回答

css、mobile、overflow

所以我刚开始在FE，并发现了一个非常酷的parralex动画通过CSS，我已经应用到我的网站。我对桌面很满意，但在移动设备上，我丢失了一些幻灯片的文本框。我尝试添加@media来指定移动屏幕大小的变化，它在Pixel3上运行正常，但在Iphone上它仍然无法正常工作。我怀疑这与溢出有关-但我似乎无法修复它。我已经尝试了几个if的东西，我并没有开始认为我只需要做一个移动样式表。因为我是游戏新手，所以我想我应该在这里发帖，看看是否有快速修复的方法！

浏览 16提问于2019-01-23得票数 0

2回答

移动/低速连接优化-全背景视频

javascript、css、optimization、media-queries

为了优化低速连接/移动，我使用媒体查询来检测小于768 px的屏幕大小，然后执行显示:在视频容器上没有显示，而是显示背景图像。这是优化低速连接/移动的正确方法吗？当不使用css显示容器时，它会对我的优化产生任何影响吗?还是应该在加载页面时用JavaScript进行呢？

浏览 8提问于2014-10-21得票数 2

回答已采纳

1回答

在网站上实现移动屏幕，提示用户从桌面设备重新打开链接。

css、mobile-website、cargo

我已经创建了一个使用货集体(CSS)的网站，并需要发布我的网站之前，我将有时间优化它的移动使用。或者，如果我能够强迫网站只加载桌面版本，甚至在移动网站上，这将是暂时的。货集体自动实现移动优化版本，我似乎无法关闭。我试图在CSS中使用@media，但是我使用货物设计师创建了这个网站，而不是自己编写代码，所以我很

浏览 8提问于2022-11-15得票数 0

1回答

从特定页面中删除metatag

plugins、html、mobile

我已经创建了一个使用PageBuilder的页面，但由于我的主题，它没有被优化为移动。我一直在寻找解决方案，而没有更改整个主题，并发现通过从主题标题CSS中删除下面的代码，我的站点默认为移动设备上的桌面视图。<meta name="viewport" content="width=device-width, initial-scale=1" /> 这通过在移动平台上显示PageBuilder页面的桌面视图来解决这个问题，但这意味着整个站点都不是

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

1回答

将Stylus (nodejs) .styl文件编译为2个不同的css文件(移动和桌面)

css、node.js、stylus

有没有可能将一个手写笔文件编译成两个不同的css文件，例如对于ipad web应用程序，我对-moz etc css online webkit不感兴趣，所以一个针对移动设备进行了优化，另一个针对跨浏览器应用程序进行了优化

浏览 0提问于2012-02-01得票数 1

3回答

优化CSS 720*1280移动设备

css、responsive-design、media-queries、viewport、mobile-devices

我正在尝试将我的网页优化为720*1200移动设备：<title>teeg bejelentkezes</title> <link rel="stylesheet" type="text/css" media="only screen and (min-de

浏览 2提问于2012-07-10得票数 3

回答已采纳

1回答

移动和CSS @字体的优化

html、css、.htaccess、mobile、font-face

根据客户的意愿，我们在主CSS中有两条@字体规则，用于一个应该接收到相当数量移动通信量的站点。除非使用SVG版本，否则这些文件的任何一组(例如otf)都会达到130 to左右。如果移动访问者必须在每次页面加载时提取这两个文件，我将更改媒体查询，以便这些文件至少不会被手机拉出。任何其他移动CSS优化提示欢迎。

浏览 3提问于2014-08-08得票数 0

1回答

移动设备附加CSS文件-如何优化交付？

css、responsive-design、pagespeed、google-pagespeed

我有一个额外的CSS文件，从头加载，仅用于移动设备。消除渲染阻塞的JavaScript和CSS在上面的折叠内容， <head>//

浏览 3提问于2017-04-25得票数 0

1回答

使用css transfrorm提高动画性能

javascript、jquery、performance、css、transition

我最近读过很多关于为GPU性能优化CSS和JavaScript/jQuery的文章，特别是在移动设备上，特别是在CSS动画变化对网站性能有不利影响的情况下。我做了一些测试，只是无法判断我的代码是否经过了正确的性能优化。我已经整理了一个简单的代码，试图展示我在做什么和我想要实现什么。我已经检查了chrome的性能时间表，但我不确定结果是否与优化的CSS和jQuery预期的一样。如果使用JavaScr

浏览 1提问于2014-03-17得票数 0

回答已采纳

1回答

使用媒体查询斗争覆盖CSS

html、css、media-queries、overriding

我一直在搜索高和低圆的网站，特别是在堆栈溢出，我仍然有一些问题，超过我的基本CSS风格与@media queries。文件: styles.css text-decoration: none;} opacity: 0.6;文件: mobile.css

浏览 2提问于2015-10-17得票数 1

回答已采纳

1回答

Twitter引导和图片

html、css、twitter-bootstrap、image-optimization

我有点新的引导，但相当熟练的网站开发和css..。我有困难围绕我的头如何处理优化的图像，为不同的视口大小。根据我的经验，你需要为他们正在观看的设备优化图像，而我在Bootstrap中看到的一切都让我相信它不会做到这一点。它似乎只是使用一个大的图像，并使用css来缩小它(甚至向上)。当我们想让移动设备拥有丰富的体验，并且使用更小的文件来优化速度时，这似乎是违反直觉的。对于布局宽度为400 at (~50k)的移动电话，我想要一个优化版本。对于移动

浏览 2提问于2013-11-24得票数 2

回答已采纳

3回答

有没有像blueprint这样的CSS网格框架，960.gs是专门为移动网站设计的？

css、xhtml、mobile-website

有没有像blueprint这样的CSS网格框架，960.gs是专门为移动网站设计的？对于media="handheld"和iphone都是如此。具有良好的重置和网格。

浏览 0提问于2010-12-24得票数 2

1回答

IOS web浏览器，“将更改”将导致呈现问题。

html、css、reactjs、will-change

Css属性“将改变”使动画性能更好。但似乎在特殊情况下，它会在IOS移动浏览器中禁用一些渲染。以下代码在IOS移动浏览器中的行为：所以请有人解释一下这个奇

浏览 6提问于2021-07-19得票数 2

2回答

移动端用户如何切换镜像？

javascript、android、jquery、ios、css

我想为移动用户优化这些。我不确定优化是什么意思，但我猜是CSS、jquery或JS将较大的图像切换为较小的图像？有没有应该如何做到这一点的例子？

浏览 0提问于2013-02-16得票数 1

1回答

CSS移动优化不适用于移动设备

css、mobile-website、screen-resolution

所以昨晚我用React上传了我全新的网站到Heroku，当我今天早上醒来只是为了‘欣赏我的网站’时，我发现它在移动优化方面并没有表现出应有的效果，尽管我特意让它与许多设备和平板电脑兼容。

浏览 1提问于2018-02-27得票数 0

2回答

iOS设备的网页设计

iphone、ios、ipad、design-patterns、web

我最近遇到了网站在移动设备上显示的方式，并愿意知道是否有特定的设计模式/方法支持它。我试着在手机上打开walmart.com，它给出了和屏幕上一样的网站显示，但如果我打开homedepot.com，我在手机上得到的视图是优化的。这是怎么回事？如何为不同设备(如台式机屏幕、ipad或iphone)提供相同/优化的显示？

浏览 0提问于2012-09-06得票数 1

2回答

使用多个CSS文件的Google PageSpeed Insight

javascript、css、pagespeed

我正在优化我的网站，基于谷歌的PageSpeed洞察。它建议我为几个文件(例如，简化的名称)“优化CSS传递”：<link rel="stylesheet" href="css/responsive.css<

浏览 1提问于2015-03-31得票数 3

回答已采纳

1回答

具有服务器端设备检测功能的桌面和移动web并行开发

asp.net-mvc、model-view-controller、mobile、responsive-design、device-detection

我正在开发一个网站，并希望为用户提供一个移动和桌面友好的体验。来自基础html5/ css /js开发，我知道足够多的css技巧，移动优先技术，流畅的布局和媒体查询，可以很好地相处，但更优化解决方案，并考虑到我目前正在开始使用.Net/mvc(包括。我已经读到了设备检测技术(目前更倾向于 )，现在我正在努力找出为所有用户优化我的网站的选择。我不希望移动用户加载大版本的图像和不必要的脚本/样式表/背景图像等，我也不想像“<

浏览 1提问于2011-12-02得票数 2

回答已采纳

1回答

jssor画廊-几个问题

jssor

如果可能的话，它是否能够将CSS分离到不同的样式表中，并将它们包含在我的主页中和JQuery中呢？我试过了，但不起作用。就好像根本没有CSS一样。

浏览 1提问于2014-04-21得票数 1

回答已采纳

1回答

如何禁用单个页面的移动主题？

bigcommerce

我最近在我的大型商务store.The页面上上传了一个页面的自定义html和css是响应式的，并进行了移动优化。它可以在台式机上运行，但被我在手机上查看时安装的通用移动主题所覆盖。如何才能在不完全禁用移动主题的情况下，阻止此页面被移动版本覆盖？谢谢,

浏览 1提问于2015-05-02得票数 2

点击加载更多