开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >我怎样才能让这个图标菜单在设备上看起来像在桌面上一样好看呢？

问我怎样才能让这个图标菜单在设备上看起来像在桌面上一样好看呢？
EN

Stack Overflow用户

提问于 2017-01-29 16:09:33

回答 1查看 42关注 0票数 0

我有这个菜单的图标看起来相当不错的桌面视图，看看这里。

http://www81.myfantasyleague.com/2016/home/53558#0

但是一旦你移动到移动设备ipad 1024 on及以下，菜单就会变得拥挤，下降到2行，我想保持在同一条线上，但为了避免这种情况，可能会在设备上更靠近每个图标。

因此，我认为媒体查询的呼叫将是相同的，但我无法让它发挥作用。

此区域的内联html代码

#nav li {
    vertical-align:top;
    display:inline-block;
    margin:0 auto;
    text-align:center;
    width:135px;          /*** ADJUST THIS WIDTH SO IMAGES FILL TEMPLATE WIDTH ****/

还有我的媒体代码

@media only screen and (max-width: 1024px) {
#nav li {
    vertical-align:top;
    display:inline-block;
    margin:0 auto;
    text-align:center;
    width:95px;}}

因此，我将PX改为95，以使它们在媒体devices...but上更接近，但它并没有发挥作用。我看到它更喜欢呼喊#nav，但对我来说不是同一区域，一旦我尝试这个#nav ul代替#nav li，它移动，但仍然不安静的权利。

如果这不是正确的媒体呼吁响应，请随时改变这100%。

Stumped...please帮助Thx

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-01-29 19:12:42

试一试

#nav li {
    width: 135px;
}

至

#nav li {
    width: 10%;
}

票数 1

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/41927386

复制

相关文章

并发编程时遇到的问题

观察逻辑发现这个数组中的每个元素执行起来，其实没有必然的先后关系，完全可以并发执行，于是我改了一版代码：

有财君

2023/03/22

5130

处理solr时遇到的问题

lucene/solr xml tomcat linux

前面的博客说了，我在解决solr索引的问题，但是后面我遇到的问题一次比一次严重，上次还能访问solr和系统，上次博客中看到我的solr上面有报错，那是我new_core出现的问题，我作死的在linux中删除了new_core文件

余生大大

2022/11/02

6260

继承HibernateDaoSupport时遇到的问题

spring java xml

都知道spring提供的有零配置功能，而且看见别人的一个项目使用spring+mybatis，只在applicationContext.xml里定义了sqlSessionFactory，然后什么都不用配置了，baseDao继承自SqlSessionDaoSupport，只需要在每个dao上加@Repository注解，spring会自动向对象中注入sqlSessionFactory对象。

用户1212940

2019/05/28

9910

EasyGBS查找大华设备的录像列表时失败

EasyGBS查找大华设备的录像列表时页面提示query recordinfo return 400 Bad Request

EasyNVR

2020/04/23

7860

EasyGBS查找大华设备的录像列表时失败

Python在import时遇到的惨案

编程算法 django 网站 python

最近使用基于python语言的django框架开发web相关的应用,但是在访问页面的时候会不定时的报错，import导入报错

用户9127725

2022/08/08

4370

MeterSphere教程：列表数据断言遇到的问题

uml 编程算法

另外的话，如果测试环境经常会删数据之类的，那么接口里面的测试数据可能就会受到影响，要尽可能的保证用例的稳定正常的执行。

小博测试成长之路

2023/02/24

1K0

MeterSphere教程：列表数据断言遇到的问题

我在移动web开发中遇到的各种问题

目前（2015年8月3日15:02:24）在大部分安卓手机都发现这个问题，触发bug的条件知道了，但是原因未知。触发bug的条件是需要横向滚动的层不能位于纵向滚动不是body的层下面（后面有具体解释）。

黒之染

2018/10/19

1.8K0

LAMP安装mysql 时遇到的问题汇总

云数据库 SQL Server linux

1: 缺少 libaio 包， libaio是Linux下的一个异步非阻塞方式读写文件的接口。 1 2 3 [[email protected] MySQL]# ./scripts/mysql_install_db --user=mysql --datadir=/data/mysql Installing MySQL system tables... ./bin/mysqld: error while loading shared libraries: libaio.so.1:

老七Linux

2018/05/09

1.5K0

AIR切换SDK版本时遇到的问题

切换SDK，有时候会遇到这个问题。上面我使用的是sdk4.5，只需要修改应用程序的app.xml配置就可以正常运行air程序了。

meteoric

2018/11/16

7340

Impala删除kudu表时遇到的问题

db hash impala string table

在IMPALA上面创建了KUDU表之后DROP TABLE了该表，想要重新执行建表语句，但是发现报错了，提示表已存在无法新建。

chimchim

2023/10/17

4890

Impala删除kudu表时遇到的问题

记录使用mongoDB时遇到的有趣问题

mongodb 内容安全程序排序数据

最近在开发金融类的k线、盘口业务，而这些业务的海量数据如何存储，公司的技术选型，选择了MongoDB。

Blue_007

2023/10/21

2230

记录使用mongoDB时遇到的有趣问题

Struts框架搭建时所遇到的问题

解决方案：将以下7个jar拷贝到项目工程中_(workspace_项目名_webRoot_WEB-INF_lib下)，其他用到的包再慢慢添加: struts2-core-2.1.6.jar、 xwork-2.1.2.jar、 freemarker-2.3.13.jar、 ognl-2.6.11.jar、 commons-logging-1.0.4.jar、 commons-fileupload-1.2.1.jar、 commons-io-1.3.2.jar

shirayner

2018/08/10

4380

python 中如何查找列表长度

python 编程算法 http kotlin

In this article, we will be unveiling techniques to find the length of a Python list. Finding the length actually means fetching the count of data elements in an iterable.

用户8418197

2022/01/09

2.7K0

在MATLAB中优化大型数据集时通常会遇到的问题以及解决方案

以上是在MATLAB中优化大型数据集时可能遇到的问题，对于每个问题，需要根据具体情况选择合适的解决方案。

一凡sir

2023/08/09

6490

在使用Qt5.8完成程序动态语言切换时遇到的问题

因为之前了解过一些Qt国际化的东西，所以在写程序的时候需要显示给用户的字符都使用了 tr(" ")的形式，然后使用 Qt Linguist得到相应的 qm（Qt message）文件，再通过网上介绍的方式，在 main函数中使用 installTranslator，即可让程序在启动时自动判断语言环境，加载相应语言。至此，静态语言切换已经完成，下面要做的是动态切换（即不需要重启软件）。 1.首先，令语言能够切换的 GUI组件用的是 QComboBox，信号是 currentIndexChanged，在于这个

用户1653704

2018/06/07

1.6K0

我在面试机器学习、大数据岗位时遇到的各种问题

机器学习大数据

自己的专业方向是机器学习、数据挖掘，就业意向是互联网行业与本专业相关的工作岗位。各个企业对这类岗位的命名可能有所不同，比如数据挖掘/自然语言处理/机器学习算法工程师，或简称算法工程师，还有的称为搜索/推荐算法工程师，甚至有的并入后台工程师的范畴，视岗位具体要求而定。机器学习、大数据相关岗位的职责自己参与面试的提供算法岗位的公司有 BAT、小米、360、飞维美地、宜信、猿题库等，根据业务的不同，岗位职责大概分为：平台搭建类数据计算平台搭建，基础算法实现，当然，要求支持大样本量、高维度数据，所以可能

小莹莹

2018/04/20

1.3K0

我在面试机器学习、大数据岗位时遇到的各种问题

在查找预编译头时遇到意外的文件结尾。是否忘记了向源中添加“#include "StdAfx.h"”?

打包 ide html c++c#

在查找预编译头时遇到意外的文件结尾。是否忘记了向源中添加“#include "StdAfx.h"”? 右键选择该文件.cpp格式的->属性->预编译头,→ 不使用预编译头错误描述：fatal err

战神伽罗

2019/07/24

8.4K0

使用jQuery中hover事件时遇到的一个小问题

jquery css 编程算法

在jQuery中有一个hover()方法，它可以实现模拟css中：hover这个伪类的效果。

colezhou

2019/11/24

1.8K0

如何解决爬虫程序中登录时遇到的动态Token问题

动态代理 python python爬虫 token

在进行网络爬虫开发时，我们经常会遇到登录网站的需求。然而，有些网站为了增加安全性，会采用动态Token的方式进行用户认证。这就给爬虫程序的开发带来了一定的的挑战。所以今天我们就重点来介绍如何解决爬虫程序中登录时遇到的动态问题。

小白学大数据

2023/08/16

1.3K0

点击加载更多

相似问题

在Prolog中查找列表长度时遇到的问题

21

在测试python中是否存在列表中的内容时遇到问题

10

在Puppet中查找模板时遇到问题

22

在python selenium中查找元素时遇到的问题

15

查找每个会话的列表消息查询时遇到问题

10

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例