@media only screen and (max-device-width: 667px), screen and (max-width: 552px) {
.class1 {
}
.class2 {
}
.class3 {
}
.class4 {
}
.class5 {
}
}
我的css文件中有上述结构。
我试图实现的是我有一个按钮。当我点击该按钮时，我需要将max-width: 552px更改为max-width: 1000px。这可能吗？
答案 0 :(得分：0)
您的意思是，点击按钮后您的设备屏幕会发生变化吗？进1000px？ 如果不是..
您可以将属性552px更改为1000px，但这取决于您的屏幕设备。
答案 1 :(得分：0)
a {
display: block;
font-size: 18px;
border: 2px solid gray;
border-radius: 100px;
width: 100px;
height: 100px;
text-align: center;
line-height: 100px;
}
a:active {
font-size: 18px;
border: 2px solid green;
border-radius: 100px;
width: 100px;
height: 100px;
}
a:target {
font-size: 18px;
border: 2px solid red;
border-radius: 100px;
width: 500px;
height: 100px;
}<a id="btn" href="#btn">Demo</a>
嗨Viviek .. 这对你有帮助吗？
答案 2 :(得分：0)
感谢您的所有答案。但是，我想出了另一种方法。我做了以下工作以达到效果。
尺寸= 552px
@Override
public void onActivityResult(int requestCode, int resultCode, Intent data) {
super.onActivityResult(requestCode, resultCode, data);
if (resultCode == Activity.RESULT_OK) {
if (requestCode == REQUEST_CAMERA) {
_FileName = "image file";
capturePic = null;
file_pdf = null;
Bundle extras = data.getExtras();
Bitmap imageBitmap = (Bitmap) extras.get("data");
//mImageView.setImageBitmap(imageBitmap);
img_ticket_detail.setImageBitmap(imageBitmap);
capturePic = imageBitmap;
}
}
}
尺寸= 1000px
@media only screen and (max-device-width: 667px), screen and (max-width: 552px) {
.class1 {
}
.class2 {
}
.class3 {
}
.class4 {
}
.class5 {
}
}
现在，每当我点击按钮时，我只需要调用以下代码即可。
@media only screen and (max-device-width: 667px), screen and (max-width: 1000px) {
full-screen .class1 {
}
full-screen .class2 {
}
full-screen .class3 {
}
full-screen .class4 {
}
full-screen .class5 {
}
}
完成！