Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何显示大小屏幕宽度超过50%的图像?_Javascript_Css - Fatal编程技术网

Javascript 如何显示大小屏幕宽度超过50%的图像?

Javascript 如何显示大小屏幕宽度超过50%的图像?,javascript,css,Javascript,Css,我想在屏幕宽度的50%上显示横幅图像 以下javascript代码适用于我的桌面,但不适用于我的iphone。图像非常小 var width = screen.width; return <img src="http://test.com" width=' + width/2 />' 这似乎不能解决我的问题。试试这样: CSS: img{ width:50%; } 或者,您可以根据给出的建议使用像这样的单独类 img.width50{ width:50%; } 试着这

我想在屏幕宽度的50%上显示横幅图像

以下javascript代码适用于我的桌面,但不适用于我的iphone。图像非常小

var width = screen.width;
return <img src="http://test.com" width=' + width/2  />'
这似乎不能解决我的问题。

试试这样:

CSS:

img{ 
 width:50%;
}
或者,您可以根据给出的建议使用像这样的单独类

img.width50{ 
 width:50%;
}
试着这样做:

CSS:

img{ 
 width:50%;
}
或者,您可以根据给出的建议使用像这样的单独类

img.width50{ 
 width:50%;
}
试着这样做:

CSS:

img{ 
 width:50%;
}
或者,您可以根据给出的建议使用像这样的单独类

img.width50{ 
 width:50%;
}
试着这样做:

CSS:

img{ 
 width:50%;
}
或者,您可以根据给出的建议使用像这样的单独类

img.width50{ 
 width:50%;
}

您不需要javascript,这段代码将非常有用:

img{ 
 width:50%;
}
但是,如果您想使用javascript,它可能无法在移动设备上工作,因为您没有设置viewport标记,请将其粘贴到


这不需要javascript,这段代码非常有用:

img{ 
 width:50%;
}
但是,如果您想使用javascript,它可能无法在移动设备上工作,因为您没有设置viewport标记,请将其粘贴到


这不需要javascript,这段代码非常有用:

img{ 
 width:50%;
}
但是,如果您想使用javascript,它可能无法在移动设备上工作,因为您没有设置viewport标记,请将其粘贴到


这不需要javascript,这段代码非常有用:

img{ 
 width:50%;
}
但是,如果您想使用javascript,它可能无法在移动设备上工作,因为您没有设置viewport标记,请将其粘贴到



?只要一点-我会给图像一个id或类和样式,否则你的所有图像都会有50%的宽度只要一点-我会给图像一个id或类和样式,否则你的所有图像都会有50%的宽度只要一点-我会给图像一个id或类和样式否则你所有的图片都会有50%的宽度只是一个点-我会给图片一个id或类和样式,否则你所有的图片都会有50%的宽度