对于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)
- CSS或JavaScript中的readonly div
- CSS或Javascript可以调整在iphone上查看的任何HTML的大小
- Css或javascript滚动转换?
- javascript – CSS或JQuery中的特定图像扩展选择器
javascript – 当我缩小css或js时,为什么不在一行上?(css缩小窗口布局不变 right)
我知道缩小尝试通过删除空白字符来减小文件大小.有时事情最终会出现在一条线上,但通常会有多条线.我注意到,只要出现空格,就会发生换行.把它全部放在一条线上不是更好吗?
CSS或JavaScript中的readonly div
这应该由所有浏览器支持.
任何想法?
解决方法
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的大小
从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滚动转换?
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}
解决方法
必须有一个更聪明的方法来做到这一点,但这就是为什么我们有jQuery的权利?我的基本想法是抓住每个锚点并关闭默认的点击响应.然后,将其替换为启动setInterval链的那个.每当间隔发生时,窗口将基于帧速率和估计的总运行时间递增地滚动.实际运行时间似乎比输入时间更长,但它至少为您提供了一种入门方式.
使用jQuery的主要缺点是什么?我认为你的实现会有更好的表现,因为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中的特定图像扩展选择器的相关信息,请在本站寻找。
本文标签: