如何在没有iPAD的情况下测试iPAD的网站兼容性,条件是纵向还是横向?
在HTML,CSS和浏览器方面,术语"正常流量"和"流出量"是什么意思?
我需要制作这样的标签,它有水平滚动,我使用的是HTML 5 figure和figure标题
HTML示例
<div class="footernav">
<a href="javascript:void(0)">
<figure> <img src="http://lorempixel.com/200/200/fashion/" class="fluid">
<figcaption>
<h3>Product Name</h3>
</figcaption>
</figure>
</a>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS
.footernav {white-space;no-wrap; padding-top: 0.2%; border-top: 1px solid white; overflow: auto; white-space:nowrap; padding-bottom: 1.9%;}
.footernav a { text-decoration: none; font-weight: bold; display: inline-block; padding-right: 1.5%; padding-left: 1.5%; text-align: center; margin-top: 1.1em; overflow:hidden; }
.footernav figure:last-child { margin-right: 0; }
.footernav img { min-width: 118px; max-width: 118px; padding:3px; }
figure{margin:0}
.footernav a:hover,
.footernav a.selected { border-top-left-radius: 15px;
border-top-right-radius: 15px; …Run Code Online (Sandbox Code Playgroud) 这有什么用途和目的,它有用吗?
我们应该在网站上使用所有H1到H6吗?
我通常使用h1到h2.现在如何判断和决定H3到h6的使用位置.
我们应该这样使用吗?
h3 {display:inline}
<div id="content">
<h3> some text in bold:</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
<h3> some text in bold:</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
Run Code Online (Sandbox Code Playgroud)
或这个
span {font-weight:bold}
<div id="content">
<p><span> some text in bold:</span>
Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor …Run Code Online (Sandbox Code Playgroud) 我永远不会忘记并总是使用速记margin,padding因为它顺时针运行,但你怎么记得其他人?
你尽可能使用CSS简写吗?
记住不同短线的最佳方法是什么?
更新:
我还找到了2个好的速记备忘单.
是什么这两个选择之间的差异 a[type="application/pdf"]和a[href$=".pdf"]
a[type="application/pdf"] {
background-image: url(/images/pdf.gif);
padding-left: 20px;
}
a[href$=".pdf"] {
background-image: url(/images/pdf.gif);
padding-left: 20px;
}
Run Code Online (Sandbox Code Playgroud) div)的使用相比,HTML5语义标签的使用量是否有所增加?<div id="footer">在旧浏览器中兼容,而不使用Modernizr或其他Javascript解决方案来模拟不受支持的浏览器中的HTML5支持.因此,如果我只使用HTML5语义标签,而不是使用HTML5的任何提前功能,例如
audio,video等我失去的东西吗?HTML
<footer> 和 <div id="footer">
CSS
#footer {} 和 Footer {}
哪个是最早的浏览器和最短的移动屏幕尺寸,它具有上网和仍在使用的设施?
我正在为旧设备(不适用于智能手机)制作移动网站,这些设备仍在使用中.
我正在测试尺寸为240 x 320像素的诺基亚5130 Xpress Music手机,浏览器是Opera Mini(版本我不知道).
是否足以对此进行测试,这些天或者我应该测试比这个更低的尺寸和更低能力的浏览器?
有什么建议吗?

编辑:就像桌面一样,我们不认为屏幕尺寸低于1024 X 768像素,我们已经开始不考虑IE6,Firefox 2和3.0等.
那么手机屏幕和浏览器有这样的标准吗?
是否有任何jquery插件用于在HTML页面中保持公共页眉和页脚?
就像我可以将header.html和footer.html添加到index.html中一样.
我知道我可以使用php,但如果可能的话,我想不用在我的本地PC上安装任何服务器.完成所有工作后,我将使用PHP包括
了header.html
<title>Template</title>
<meta name="description" content="">
<link rel="stylesheet" href="css/styles.css?v=1.0">
<script src="js/modernizr-2.0.6.min.js"></script>
Run Code Online (Sandbox Code Playgroud)
的index.html
{include header.html}
<body class="home">
{include footer.html}
Run Code Online (Sandbox Code Playgroud)
Footer.html
<footer class="f1">
<p>copyright © year</p>
</footer><!-- .f1 -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="js/general.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud) css ×9
html ×5
xhtml ×5
html5 ×2
javascript ×2
browser ×1
css3 ×1
dreamweaver ×1
ipad ×1
jquery ×1
windows-xp ×1