所以我想要某些浏览器宽度的某些Javascript文件.我知道@media为每个浏览器宽度和一些设备提供特定的CSS.如何在不使用服务器端调用的情况下为Javascript文件执行类似的操作？

可以使用Javascript根据浏览器宽度调用其他Javascript文件吗？如果是这样,怎么样？

提前致谢.

我正在使用JQuery的DataTables插件,我的问题基本上在于我的数据表有很多列并且(在视觉上)超出其容器的边界(div标签).然后我隐藏了一些在这一点上无关紧要的列.但是表的宽度并没有自己调整大小(让我们说它的父亲的witdh).我试过用了

fnAdjustColumnSizing()

创建数据表之后的函数但它似乎不起作用(我也尝试用fnDraw()重绘表).我也尝试给出一些初始参数,以便在每列上获得更小的尺寸

$("#reportTable").dataTable({"aoColumns":[{sWidth:"10%"},{sWidth:"10%"},{sWidth:"10%"}]});

但它抛出一个错误,因为我必须"打开"bRetrieve参数(我后来做了,但它不起作用,它只是防止弹出错误).所以...技术上我想在隐藏一些列之后使我的数据表更小.

提前致谢.

我有一个服务器端组件,使用DIV没有固定宽度生成流体布局"工具栏" ,A在其中生成许多.

然后我需要自定义该布局,以使所有A标签自动适合父宽度.但是孩子的数量是可变的,父母的宽度是未知的(它自动适应窗口).

我用这个小提琴做了一些测试:http://jsfiddle.net/ErickPetru/6nSEj/1/

但是我找不到让它变得动态的方法(取消注释最后一个A标签以查看它是如何工作的,哈哈).

我无法更改服务器端源以使用固定宽度格式化HTML.如果有任何办法,我真的想用CSS解决它,即使用JavaScript我也可以实现这个结果.

如何让所有孩子自己适应父母的宽度,与孩子的数量无关？

可能是一个非常直截了当的问题.我想将Xcode 4中代码编辑器的宽度设置为80个字符.我该去哪儿做？或者,如果我可以显示一条指示80个字符的垂直线,那也可以.

谢谢.

我有以下的JS Fiddle来展示我想要实现的目标:http: //jsfiddle.net/sVKU8/2/

1)我假设第一部分很容易 - 有没有办法更新父label类,width根据两个孩子<div>的总宽度自动设置它,所以边框只包围绿色和红色<div>s？我认为设置width: auto应该这样做,但我的CSS技能显然缺乏.

2)接下来我想要完成的是width从我的label-text类中删除属性并设置宽度(或者如果可能的话自动增长)每当我<div>通过JavaScript 将文本应用到文本时(即保持原始高度)该label班).

我不确定是否需要尝试根据实际文本计算宽度,或者是否有办法仅使用宽度设置应用文本以允许其增长.

任何意见或建议将不胜感激!

问题

我正在考虑将Bootstrap 3实现到我的项目中,并且在切换到这个前端框架之前,我正在测试它的一些功能和属性.

我注意到的一个奇怪的事情是,流体Bootstrap容器实际上并不跨越视口宽度的100%(请注意粉红色Bootstrap元素右侧的1px行):

图片http://i58.tinypic.com/29lzrwl.png

这就是我的HTML的样子.它基本上是默认的Bootstrap模板.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Page title</title>
        <link rel="stylesheet" href="css/bootstrap.css"> <!-- Core CSS -->
        <link rel="stylesheet" href="css/test.css"> <!-- Custom CSS -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
            <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="full-width">This is not bootstrap</div>
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-3">
                    This is Bootstrap
                </div>
                <div class="col-md-9">
                    This is Bootstrap too
                </div>
            </div>
        </div>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
    </body>
</html>

显然我使用标准的,最新的CSS版本的bootstrap和我自己的自定义CSS:

.full-width { …

我有一个3列布局,应该填满整个屏幕所以在我使用的列上:

width: calc(100% / 3);

所以,比方说我的屏幕是782px宽:

782/3 =260.66̅

但是,我遇到的问题是在Internet Explorer中,它将像素舍入到两位小数(260.67)

260.67*3 = 782.01

因此,在某些宽度下,我会丢失1/3的页面,因为它包裹在下面.

这是一个例子:

function onResize() {
    $('ul').each(function() {
        var H = eval($(this).height() / $(this).children('li').length);
        $(this).children('li').outerHeight(H);
        $(this).children('li').css('line-height', H + 'px');
        $(this).children('li').outerWidth($(this).width());
    });
}

var timer;
$(window).resize( function() {
    timer && clearTimeout(timer);
    timer = setTimeout(onResize, 100);
});
onResize();

html {
    height:100%;
}
body {
    background:black;
    margin:0;
    padding:0;
    overflow:hidden;
    height:100%;
}
ul {
    width: calc(100% / 3);
    display: inline-block;
    overflow:hidden;
    margin:0;
    padding:0;
    float:left;
    height:100%;
    list-style: outside none none;
} …

我正在一个项目中,我需要使用PrimeNg来表格,我在定义第一列的宽度时遇到问题.

在我的HTML代码中,我有类似的东西:

<p-datatable styleClass="myTable">
     <p-column>

     </p-column>
     ...
</p-datable>

在我的CSS中,我有一些东西:

.myTable td:nth-child(1) {
    width:300px;
}

还尝试使用以下HTML:

 <p-datatable>
     <p-column styleClass="col1">

     </p-column>
     ...
 </p-datable>

在我的CSS中:

td.col1 {
    width: 300px;
}

我也检查了代码并看到了行的类,即tr.ui-widget-content ui-datatable-even并尝试了CSS ..

tr.ui-widget-content ui-datatable-even td:nth-child(1) {
    width: 500px !important;
}

似乎没有任何工作.任何人都可以告诉我是否可以定义列的宽度,如果是肯定的,我该怎么做？

谢谢你的回复......

无法让这个脚本在iphone上正常运行6.不断上升为"不可移动".我错过了什么？

$(document).ready(function(){
    if ($(window).width < 700){
        alert("mobile");
    }
    else {
        alert("not mobile");
    }
});

编辑:道歉,我在这里输入的代码有一个错字,但不是我的问题的原因.我对iphone分辨率有不准确的信息.感谢大家!

自从我安装Xcode 8后,我遇到了麻烦.我没有得到每个或任何UIView的正确值.

我也得到了UIView的约束警报.所以我更新它.但是视图返回1000作为宽度或高度.我试过或搜索了很多.但没有得到任何适当的解决方案.请帮助我.