Я пытался получить svg, который полон ссылок, поэтому отображается встроенным, чтобы сделать рендеринг до определенного максимального размера, чтобы версия для рабочего стола заполняла всю высоту экрана (или любой заданный размер, действительно) окно, но всегда на 100% ширины, когда на мобильном устройстве.
Я пробовал использовать div, таблицы и максимальные размеры, а также мобильное обнаружение, но ничего не работает. Я думаю, что мне чего-то не хватает, чтобы заставить работать mobile.detect, но я бы предпочел иметь простое ограничение размера, если это возможно.
ЭТО НЕ ПОМОЖЕТ НАМНОГО
<div class="probootstrap-main">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
enable-background="new"
viewBox="0 0 400 376.8451519536903"
version="1.1"
id="svg">
<metadata
id="metadata3979">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
Это мое основное введение в svg, которое дает хорошие результаты на мобильных устройствах, но это огромная svg для ПК, которая в два раза больше необходимой мне высоты.