css样式自适应分辨率

Posted 2023-05-11

参考技术A 高度和宽度尽量使用百分百，像素px换成em、rem这种，网页会根据大小来自适应，要想使用效果好，就需要根据不同分辨率来设置层的高宽、字体大小，设置几套样式来应用
@media screen and (min-width:640px)
/*屏幕大于640像素应用该样式*/

@media screen and (min-width:460px) and (max-width:640px)
/*屏幕小于640大于460像素应用该样式*/

@media screen and (max-width:460px)
/*屏幕小于460像素应用该样式*/

iOS HTML 字符串中的图片 自适应大小

 

本文原文地址：http://www.cnblogs.com/qianLL/p/6095988.html

有时候 我们接收数据的时候  后台给的数据室一串HTML 的字符串  但是 我们要显示出来  这是 我们会发现文字可以自适应大小，但是有些图片并不能自适应大小

这是 我们就需要去修改img的CSS样式 

但是我们添加一个style 对所有的img标签 进行控制  是可以  但是 如果出现这种<img style ="width = ;height= px" 这种的话 我们就没办法进行控制了

所有这是 我们需要把img 标签里面的style样式给替换掉 

具体代码如下

// 自适应尺寸大小
+ (NSString *)autoWebAutoImageSize:(NSString *)html{
    
    NSString * regExpStr = @"<img\\\\s+.*?\\\\s+(style\\\\s*=\\\\s*.+?\\")";
    NSRegularExpression *regex=[NSRegularExpression regularExpressionWithPattern:regExpStr options:NSRegularExpressionCaseInsensitive error:nil];
    
    NSArray *matches=[regex matchesInString:html
                                    options:0
                                      range:NSMakeRange(0, [html length])];
    
    
    NSMutableArray * mutArray = [NSMutableArray array];
    for (NSTextCheckingResult *match in matches) {
        NSString* group1 = [html substringWithRange:[match rangeAtIndex:1]];
        [mutArray addObject: group1];
    }
    
    NSUInteger len = [mutArray count];
    for (int i = 0; i < len; ++ i) {
        html = [html stringByReplacingOccurrencesOfString:mutArray[i] withString: @"style=\\"width:90%; height:auto;\\""];
    }
    
    return html;
}