Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 调整菜单大小';s和文本_Html_Css - Fatal编程技术网

Html 调整菜单大小';s和文本

Html 调整菜单大小';s和文本,html,css,Html,Css,很久以前我雇了一个人来做我的网站,但它从来没有为调整窗口大小进行过适当的优化。我试着让他把它修好,但在过去的5个月里什么也没发生(他说他现在太忙了)。我知道在网站上编码的基本知识,所以我想在这里问一下也没什么坏处,因为我知道你们是一个非常棒的社区,喜欢互相帮助。有问题的地点是 基本上现在有两件事真的很烦人。搜索栏在徽标下方居中,当大小调整到大约一半时,购物车跳转到第二行。我想要的是搜索栏和购物车保持在同一行的右侧。我意识到菜单栏会太宽,所以在调整窗口大小时,是否可以调整文本大小?如果是,怎么做

很久以前我雇了一个人来做我的网站,但它从来没有为调整窗口大小进行过适当的优化。我试着让他把它修好,但在过去的5个月里什么也没发生(他说他现在太忙了)。我知道在网站上编码的基本知识,所以我想在这里问一下也没什么坏处,因为我知道你们是一个非常棒的社区,喜欢互相帮助。有问题的地点是

基本上现在有两件事真的很烦人。搜索栏在徽标下方居中,当大小调整到大约一半时,购物车跳转到第二行。我想要的是搜索栏和购物车保持在同一行的右侧。我意识到菜单栏会太宽,所以在调整窗口大小时,是否可以调整文本大小?如果是,怎么做

下面是style.css,网站上的那个已经缩小了,我在这里和那里做了一些更改,但我不记得在菜单或搜索栏/徽标中做了任何更改,所以应该是一样的,我唯一更改的是字体(更改为打开SAN)。我在下面附加了它,这样您就可以按ctrl/cmd+f组合键获取相关代码

我自己尝试过几次,但都没有成功,这可能会吓跑一些客户,因为网页在不断变化

Style.css

/*
调色板:
海军基础:#434a54;
海军灯光:565c65;
深蓝色:363b43;
灰色基础:#dbe3e8;
灰光:#edf0f2;edf0f2
灰黑色:#a7b7c1;
红色基础:#E22A4;
红灯#f14a5e;
深红色:#d5041d;
绿色基础:#2ecc71;
绿灯:#6ddb9c;
深绿色:#29b765;
*/
/*基本的*/
html{
位置:相对位置;
最小高度:100%;
溢出x:隐藏;
}
/*印刷术*/
身体{
字体系列:“开放式Sans”、Arial、Helvetica、Sans serif;
字体大小:16px;
字体大小:400;
边缘底部:200px;
颜色:#000000;
}
@介质(最大宽度:767px){
身体{
边际下限:370px;
边缘顶部:55px;
}
body.no-menu{
边际上限:0;
}
}
#顶部导航,正文>页脚{
字号:0.85em;
}
h1{
字体大小:35px;
}
氢{
字体大小:24px;
}
h3{
字体大小:22px;
}
h4{
字体大小:20px;
}
h5{
字号:18px;
}
/*标题*/
#顶部导航{
最小高度:40px;
}
#顶部导航li>a{
填充顶部:10px;
垫底:10px;
}
#顶部导航栏文本{
边缘底部:10px;
边缘顶部:10px;
}
.表格查询{
边缘顶端:40px;
}
.表格搜索输入{
填充:10px 20px;
边界:0;
}
.表单搜索.搜索换行{
边框:3px实心#edf0f2;
边界半径:2px;
}
.form search>.input append{
填充:0;
}
.搜索按钮{
填充:2x15px;
利润上限:-4px;
边界半径:0 2px 2px 0;
左边距:0px;
背景:#fff;
}
.搜索按钮:悬停{
背景:#fff;
}
.搜索按钮i{
字体大小:25px;
颜色:#dbe3e8;
}
.搜索按钮:悬停i{
字体大小:25px;
颜色:#a7b7c1;
}
#主导航{
边缘顶部:20px;
页边距底部:0;
边界半径:2px;
边界:无;
}
#主导航主页>a{
填充顶部:15px;
填充底部:0;
}
#主导航主页>a>i{
字体大小:30px;
}
.导航栏导航.导航栏右侧:最后一个孩子{
右边距:0;
}
.nav cart li>a{
字体大小:300;
}
.导航车一{
字体大小:30px;
位置:相对位置;
浮动:对;
}
.mega下拉列表i{
位置:相对位置;
顶部:1px;
字体大小:粗体;
}
.mega下拉列表{
位置:静态!重要;
}
.mega下拉菜单{
填充:20px 0px;
宽度:100%;
盒影:无;
-webkit盒阴影:无;
边界半径:2px;
背景#edf0f2;
}
.mega下拉菜单:之前,.nav购物车菜单:之前{
位置:绝对位置;
顶部:-7px;
显示:内联块;
右边框:7px实心透明;
边框底部:7px实心#ccc;
左边框:7px实心透明;
边框底色:rgba(0,0,0,0.2);
内容:'';
}
.mega下拉菜单:之后,.nav购物车菜单:之后{
位置:绝对位置;
顶部:-6px;
显示:内联块;
右边框:6px实心透明;
边框底部:6px实心#ffffff;
左边框:6px实心透明;
内容:'';
}
.mega下拉菜单:之前{
左:159px;
}
.mega下拉菜单:之后{
左:160像素;
}
.导航车菜单:之前{
右:23px;
}
.导航车菜单:之后{
右:24px;
}
.mega下拉菜单div、.mega下拉菜单div>li{
保证金:0;
填充:0;
}
.mega下拉菜单div>li{
填充:0;
}
.mega下拉菜单div>li>ul、.nav cart菜单li>ul{
填充:0 10px;
}
.mega下拉菜单div>li:第一个孩子.mega下拉菜单div>li:最后一个孩子{
左侧填充:0;
}
.mega下拉菜单div>li:n个孩子(2)>ul{
右边框:1px实心#dfdfdf;
左边框:1px实心#dfdfdf;
}
.mega下拉菜单div>li:last child>ul{
填充顶部:15px;
边框顶部:1px实心#dfdfdf;
}
#预演{
左边框:1px实心#dfdfdf;
填充:0 10px;
保证金:0;
}
#预览h3{
字体大小:16px;
字体大小:粗体;
}
@介质(最小宽度:@screen-md-min){
#预演{
显示:无;
}
}
.mega下拉菜单div>li>ul>li、.nav cart菜单li>ul>li{
列表样式:无;
}
.mega下拉菜单div>li>ul>li>a、.nav cart菜单li>ul>li>a{
显示:块;
填充:3px0;
明确:两者皆有;
字体大小:16px;
字体大小:正常;
线高:1.428571429;
颜色:#565c65;
空白:正常;
}
.mega下拉菜单div>li ul>li>a:悬停,.mega下拉菜单div>li ul>li>a:焦点{
文字装饰:无;
颜色:#444;
背景色:#F5;
}
.mega下拉菜单.下拉标题,.nav cart菜单.下拉标题,.xs搜索小部件菜单.下拉标题{
颜色:#565c65;
字号:18px;
字体大小:粗体;
填充:0;
}
.大落差
body {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 14px; //from 16px to 14px
    font-weight: 400;
    margin-bottom: 200px;
    color: #000;
}

@media (min-width: 768px)
.col-sm-6 {
    width: 50%;
    float: right;// add this line
}
<div class="row"><span class="brand col-md-6"><a href="/"><img src="assets/img/logo.png" alt="Dronebutikken.dk" title="Drone shop Logo" width="300"></a></span><div class="col-sm-6 hidden-xs"><form id="header-search-form" class="form-search form-horizontal pull-right" action="http://dronebutikken.dk/search"><div class="input-append col-sm-12"><div class="search-wrap"><input type="text" class="search-query" name="search" value="" placeholder="Indtast søgeord"><button type="submit" class="btn btn-primary search-button" value=" "><i class="flaticon-zoom22"></i></button></div></div></form></div></div>