很久以前,当我第一次学习HTML时,我被告知必须始终在HTML中设置图像的尺寸,以便浏览器可以绘制一个空白框,图像应该放在哪里,渲染页面,以及然后下载并渲染它们所属的图像.如果您没有为图像设置宽度和高度值,则浏览器必须首先下载图像以发现它们的尺寸,并且对于具有糟糕连接的人来说,它会减慢页面加载速度.
在过去的几年里,我一直在使用CSS,我总是在我的HTML中的标签中width加上height声明img.我的问题是,在样式表中设置宽度和高度,不再添加这些HTML属性,同样好吗?如果没有它们,它确实使我的斯巴达HTML看起来更清晰.
比方说,我们有未知div容器width和height比身体的全尺寸.
此容器div包含未知数量的div.容器中的所有div都具有不同的大小,除了具有与以下3种类型之一相同的CSS之外:
类型1和2 div具有边距,也可能有填充.类型3 div可以有,也可以两者都没有.
鉴于容器中div的类型是未知的 - 最终目标是在原始内部添加一个辅助容器,其大小足以容纳视口中的所有div(具有溢出:滚动).什么是最便宜的计算方法?
要注意的一些事项:
div 可能会也可能不会(作为一个整体)拥有box-sizing: border-box.这将影响它们的边框,边距和填充的呈现方式,也应该考虑在内.
在类型1和2(浮动div)的情况下,div意味着水平堆叠 - 即,容器应该增长以适合它们的总宽度.这应该被考虑在内.
例如,最右边的div上的右边距应该用于计算,并应该增加容器的宽度.顶部,底部和最左边的div也是如此.
IE8及以下版本不是必需的.
请仅使用vanilla Javascript.没有像jQuery等框架.
谢谢!
一些可视化:

我有三张桌子,一个事实和两个维度.我想在名为InternetSales的事实表(度量)和地理表,se image(schemaCubeStructure")之间建立引用关系.
中间表是Customer.我首先创建Geography和InternetSales表,然后使用Geography中的字段创建Customer,以便稍后在创建ref时使用.相对.
一切正常,直到浏览多维数据集中的数据(se图像"errorBrowseSalesCube".如果我没有建立两个表之间的关系,我得到图像"correctBrowseSalesCube"这是我想要的.这是我没有得到任何数据使用rel.ref进行处理时.
请参阅图像"dimensionUsageSalesCube for rel.ref.
为什么我没有得到任何数据?
correctBrowseSalesCube
errorBrowseSalesCube
dimensionUsageSalesCube
schemaCubeStructure

我想在打开该文件之前知道图像文件的宽度和高度.
那么,该怎么做?
编辑:这是指jpg,bmp,png和gif类型的图像文件.
每当我想知道Gimp中的图层尺寸时,我打开"缩放图层"对话框来获取它.是否有更好的方式一目了然?可能是一些配置选项,可以在图层名称的底部/右侧或底部栏中显示它...
也许这可能是一个Gimp功能请求?
谢谢!
当用户访问页面时,我希望在PHP中获得屏幕和视口的高度/宽度.
我尝试了不同的方法,但它们都会导致其他问题.
我的目标:
获取第一次加载的信息(没有跳转页面,没有重新加载).
不要更改网址
不影响在加载时运行的PHP的其余部分,或者使PHP运行两次
到目前为止我尝试过的:
用于获取视口尺寸的Javascript:
if(!isset($_POST['width']) || !isset($_POST['height'])) {
echo '
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var height = $(window).height();
var width = $(window).width();
$.ajax({
type: \'POST\',
data: {
"height": height,
"width": width
},
success: function (data) {
$("body").html(data);
},
});
});
</script>
';
}
$user_width = $_POST['width'];
$user_height = $_POST['height'];
Run Code Online (Sandbox Code Playgroud)
问题:导致所有php运行两次,一次加载,一次它返回一个值(第二次是第一次后约4秒),这使得其余的php古怪...也,使页面加载速度很慢
将屏幕尺寸放入网址:
if(isset($_SESSION['screen_width']) AND isset($_SESSION['screen_height'])){
$user_width = $_SESSION['screen_width'];
$user_height = $_SESSION['screen_height'];
} else if(isset($_REQUEST['width']) AND isset($_REQUEST['height'])) {
$_SESSION['screen_width'] = $_REQUEST['width'];
$_SESSION['screen_height'] = $_REQUEST['height']; …Run Code Online (Sandbox Code Playgroud) 我想支持小屏幕和大屏幕
我的布局中有一个图像视图 - 在小屏幕中,它需要布局高度为"wrap_content"
在大屏幕上它需要400dp(包装内容太小)
而不是创建另一个布局,我想创建一个维度
<dimen name="layout_height">wrap_content</dimen>
<dimen name="layout_height">400dp</dimen>
Run Code Online (Sandbox Code Playgroud)
并将它们分配到正确的文件夹和我的imageview写入
layout_height=@dimen/layout_height
Run Code Online (Sandbox Code Playgroud)
这有可能以任何方式,而不创建另一个布局?
我读过一vector-OF- vector给定一个固定的2秒是坏的第二维度,但我无法找到有关此问题的一个明确的解释http://www.stackoverflow.com.
可能有人给为什么在单个使用二维索引的说明vector是优选使用vector-OF- vectorS表示固定2 次尺寸?
另外,我假设a- vectorof- vectors是具有可变第二维的2D数组的首选数据结构?如果有任何相反的证据,我很乐意看到.
我正在使用android应用程序,并且它是用数字(边距等)设计的,没有相关内容,所以我认为我会在屏幕尺寸不同的情况下发现很多问题,因此我想到了制作一个函数,该函数会将DIMENSIONS文件中的数据与用户的屏幕尺寸之类的( User's screen size X dimen)/(the screen size which the app were designed on),所以我想知道这是否不会对App的工作等造成任何问题。
谢谢=)
基于“ 在Woocommerce可变产品上的jQuery中获取选定的变化价格 ”答案代码,
在我的代码行中,我对WooCommerce可变产品的价格计算存在问题。
价格会乘以10或1000,具体取决于下拉菜单中选择的选项,这不应该发生,我也不知道为什么会发生。
这是我的代码:
<script>
jQuery(function($) {
var jsonData = <?php echo json_encode($variations_data); ?>,
inputVID = 'input.variation_id';
$('input').change( function(){
if( '' != $(inputVID).val() ) {
var vid = $(inputVID).val(), // VARIATION ID
length = $('#cfwc-title-field').val(), // LENGTH
diameter = $('#diameter').val(), // DIAMETER
ene_enden = $('#id_dropdown_one_end').find('option:selected').attr("value_one_end"),
vprice = ''; // Initilizing
// Loop through variation IDs / Prices pairs
$.each( jsonData, function( index, price ) {
if( index == $(inputVID).val() ) {
vprice = price; // The …Run Code Online (Sandbox Code Playgroud) dimensions ×10
android ×2
css ×2
html ×2
image ×2
javascript ×2
2d ×1
c++ ×1
delphi ×1
gimp ×1
image-size ×1
jquery ×1
layer ×1
matrix ×1
php ×1
position ×1
resolution ×1
screen-size ×1
ssas ×1
vector ×1
woocommerce ×1
wordpress ×1