GVKun编程网logo

javascript – 当我缩小css或js时,为什么不在一行上?(css缩小窗口布局不变 right)

3

对于javascript–当我缩小css或js时,为什么不在一行上?感兴趣的读者,本文将会是一篇不错的选择,我们将详细介绍css缩小窗口布局不变right,并为您提供关于CSS或JavaScript中

对于javascript – 当我缩小css或js时,为什么不在一行上?感兴趣的读者,本文将会是一篇不错的选择,我们将详细介绍css缩小窗口布局不变 right,并为您提供关于CSS或JavaScript中的readonly div、CSS或Javascript可以调整在iphone上查看的任何HTML的大小、Css或javascript滚动转换?、javascript – CSS或JQuery中的特定图像扩展选择器的有用信息。

本文目录一览:

javascript – 当我缩小css或js时,为什么不在一行上?(css缩小窗口布局不变 right)

javascript – 当我缩小css或js时,为什么不在一行上?(css缩小窗口布局不变 right)

我知道缩小尝试通过删除空白字符来减小文件大小.有时事情最终会出现在一条线上,但通常会有多条线.我注意到,只要出现空格,就会发生换行.把它全部放在一条线上不是更好吗?

最佳答案
鉴于缺少示例代码和有关如何执行缩小的信息,我最好的猜测是:无论您使用什么来查看代码都执行自动换行,并且没有任何真正的新行.

CSS或JavaScript中的readonly div

CSS或JavaScript中的readonly div

我需要使用CSS或 JavaScript或Jquery进行’只读div’.不仅文本框和所有.完全div该div包含任何东西(图像,其他div,文本框,…)

这应该由所有浏览器支持.

任何想法?

解决方法

你可以使用指针事件:none;禁用鼠标DOM交互(如点击,悬停等).例:
div {
    pointer-events: none;
}
<div>
    <input type="text" value="value" />
    <br />
    <textarea>value</textarea>
</div>

然而,我们仍然可以使光标注重输入标签,即使指针事件:none;应用于此,它将使用户能够编辑该值.尝试点击输入标签,然后按键盘上的标签,然后光标对焦将在标签本身,我们可以编辑它.

要使输入标签不可编辑,请将readonly属性直接放在标记上或使用jQuery.以下是使用jQuery .prop()方法的简单示例.

$("input,textarea").prop("readonly",true);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <input type="text" value="value" />
  <br />
  <textarea>value</textarea>
</div>

CSS或Javascript可以调整在iphone上查看的任何HTML的大小

CSS或Javascript可以调整在iphone上查看的任何HTML的大小

我试图想出一些可以自动调整在iPhone浏览器(UIWebview组件)中查看的 HTML的CSS或 Javascript,使内容适合视口和图像/文本都调整大小. (与实现缩小不同).

从another question获得的主要思想是调整乐器的宽度,如:

@media screen and (max-width: 480px){
    *{
    max-width: 320px;
    }
}

我也有通常的视口元标签:

<Meta name="viewport" content ="width=device-width">

这不会像this currently那样完美地调整大小.这是original的HTML.

我想知道我能做些什么来实现这一目标?我不想得到这个正确的这个HTML,但其他HTML页面也是这样.

也许jQuery插件已经存在了吗?

我不想得到这个正确的页面,我想要一些更通用的任何HTML页面.

解决方法

网格系统将提供大量的灵活性.大多数尺度的图像和文本(如果非传统的),并转换成平滑的移动布局.

我更喜欢1140 CSS Grid http://cssgrid.net/

还有:

> http://semantic.gs/
> http://fluidable.com/
> http://960.gs/

Css或javascript滚动转换?

Css或javascript滚动转换?

我有两个div:

width:100%; height:100%

所以我的整个文件高度为200%;
div都有相互联系,

现在,当我点击链接时,我希望网站顺利滑动到另一个div,

我知道这在jquery中是如何工作的,例如使用.scrollto,但是我的客户想要一个没有框架的应用程序.只有javascricpt和css!

我试着用translateY来实现它,但它没有用!

这是一个示例代码:
http://jsfiddle.net/hSU7R/

HTML

<divid="one">
   <span>
   <a href="#two" >Scroll to 2</a>
   </span>    
</div>


<divid="two">
    <span>
    <a href="#one" >Scroll to 1</a></span>
</div>

CSS

html,body { 
    width:100%;
    height:100%;}

.full {
    height:100%;
    width:100%;}

#one {background-color:green}
#two {background-color:red}

解决方法

这是你在找什么? A fork of your jsFiddle.

必须有一个更聪明的方法来做到这一点,但这就是为什么我们有jQuery的权利?我的基本想法是抓住每个锚点并关闭默认的点击响应.然后,将其替换为启动setInterval链的那个.每当间隔发生时,窗口将基于帧速率和估计的总运行时间递增地滚动.实际运行时间似乎比输入时间更长,但它至少为您提供了一种入门方式.

使用jQuery的主要缺点是什么?我认为你的实现会有更好的表现,因为jQuery人员一直都在研究这些东西.

javascript – CSS或JQuery中的特定图像扩展选择器

javascript – CSS或JQuery中的特定图像扩展选择器

@H_301_0@我的项目中有几个图像,有几个扩展名(jpg,png,gif).

@H_301_0@有没有办法根据css或JQuery中的扩展选择这些图像.

@H_301_0@

<img src="img/img.jpg"/>
<img src="img/img1.png"/>
<img src="img/img2.gif"/>
@H_301_0@例如,我希望扩展名为.png的图像具有高度:200px;属性.

解决方法:

@H_301_0@您可以使用属性以选择器结尾$=:

@H_301_0@

$('img[src$=".png"]').height(200);
@H_301_0@选择器的结尾将错误地错过< img src =“test.png?id = 1”>.

@H_301_0@您还可以使用属性contains selector,* =:

@H_301_0@

$('img[src*=".png"]').height(200);
@H_301_0@包含选择器将不准确地选择< img src =“test.png.gif”/>.

@H_301_0@如果您只需要文件路径,那么您将不可避免地接受其中一个例外(除非您想要实现一些更高级的过滤器,以便在?或#之后去除值).

关于javascript – 当我缩小css或js时,为什么不在一行上?css缩小窗口布局不变 right的介绍已经告一段落,感谢您的耐心阅读,如果想了解更多关于CSS或JavaScript中的readonly div、CSS或Javascript可以调整在iphone上查看的任何HTML的大小、Css或javascript滚动转换?、javascript – CSS或JQuery中的特定图像扩展选择器的相关信息,请在本站寻找。

本文标签: